I am having problems getting items in my website to align correctly when in a table. It always aligns at the top of the cell.

When I have tried using <tr valign...> or margin-bottom:0; within the page itself it has not affected the results.

My conclusion is that the problem must be within the CSS itself. Here is the offending bit of code:
#pagecontentTV {
background: #ffffff; width:600px;
padding:20px 0 0 20px;
float:left !important;

.inner-wrap h2
font: bold 10px ; Arial; padding: 0 0 13px;margin:0;

.inner-wrap p{ font: normal 13px/16px Arial, Helvetica, San-serif; padding: 0 0 13px; }[/highlight]



.hrule{font-size:1px; line-height:1px; height:1px; border-bottom:1px solid #333; padding:0!important; margin: 0 0 13px; display:block; clear:both;}

I tried to copy the styling from another point in the site, but had not had this problem before.

I believe the problem is at the paragraph level, but thought I would include more just in case.