Problem with vertical aligning in a cell using css in firefox browser

[dudethat]

Hello, im brand new to forums and as you will see to css! The problem im having here is the text i want in the cell (class hd) refuses to align to the top in firefox. Ive tried placing it straight into the first class hd cell without the table tags or tbody tags with no luck. If i add more text than there is now it pushes the link table below it out of sight. I may not have placed enough of the code here to see exactly what's happening so you can view the page here http://www.wheretobuycarsfrom.com

I realise that firefox is better at handling css than IE but not forgiving so i would like to understand why this is happening. As it is it looks ok because ive limited the amount of text in the cell. But i would like to place a form there on some pages and when i do it just wont align to the top to fit in the space correctly. Thank you in advance for helping a novice developer.

..
td.ht
{
font-family: verdana;
font-weight: bold;
font-size: 14pt;
font-style: italic;
text-align: left;
color: #bc596d;
vertical-align: text-top;
}
 
td.hd
{
font-size: 8pt;
font-family: verdana;
text-align: left;
color: #413392;
vertical-align:top;
}
..

..
<td class="hd" valign="top" height="87">
<div align="right">
<table border="0" cellpadding="0" cellspacing="0" width="325" id="table201">
<tbody><tr>
<td class="ht" height="23">wheretobuycarsfrom.com</td>
</tr>
<tr>
<td class="hd">Looking to buy a car or sell a car? Maybe you need some helpful advise on buying and selling? You may have a mechanical issue or need a vehicle inspection. Whatever your motoring needs we are here to help.</td>
</tr></tbody>
</table>
</div>
</td>
..