Firefox is not playing nice!

[collesseum]

If your reading this and you have the expertise to battle issues with webpages loading differently between Firefox & IE8 or IE7 i would love for you to help me out which im sure is a very simple problem that I myself cannot seem to grasp!

The following webpage and others with the same layout have the same problem

http://www.homebizprofitsystem.com/videoproducts2.html

If you look in Firefox you can see to the left that the NAV BAR is not sitting up the top of the page it sits much lower I have tried balancing out the bottom but then the right side bottom is too low.

do I need a frefox add-on? or is it my code?

Some advice would be very much appricated:)

Pete

P.S See Code Below....Some code is not shown due to character restriction! See source code if that helps



</table>
<div align="center"><img src="line1.gif" width="640" height="13"> </div>
<table width="732" border="0" align="center">
<tr>
<td width="150" height="1776"><table width="150" border="0" align="center" cellpadding="3" cellspacing="0" background="bg1.gif">
<tr>
<td><table width="150" height="41" border="0" cellpadding="0" cellspacing="0" background="bg.gif">
<tr>
<td width="135" height="18"><table width="144" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="144" height="23"><div align="center"><span class="style455"><span class="style456">NAV BAR</span> <a name="navbar"></a></span></div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="23"><div align="center" class="style451">My Products </div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="25"><div align="left"><img src="coin.gif" width="14" height="8"> <span class="style202">Video Products </span> </div></td>
</tr>
<tr>
<td height="25"><div align="left"><span class="style453"> </span><img src="coin.gif" width="14" height="8"> <span class="style202"><a href="AudioProducts.html">Audio Products</a></span> </div></td>
</tr>
<tr>
<td height="25"><div align="left"><span class="style453"> </span><img src="coin.gif" width="14" height="8"> <span class="style202"><a href="SoftwareProducts.html">Software Products </a></span></div></td>
</tr>
<tr>
<td height="25"><div align="left"><span class="style453"> </span><img src="coin.gif" width="14" height="8"> <a href="GrafficProducts.html" class="style452"> Graffic Products </a> </div></td>
</tr>
<tr>
<td height="29"><div align="left"><img src="coin.gif" width="14" height="8"> <span class="style100"><a href="EbookProducts.html">Ebook Products </a></span></div></td>
</tr>
<tr>
<td height="29"><div align="left"><img src="coin.gif" width="14" height="8"> <a href="articleproducts.html"><span class="style452">Article Products</span></a></div></td>
</tr>
<tr>
<td height="29"><div align="left"><img src="coin.gif" width="14" height="8"> <span class="style452"><a href="BonusProducts.html">Bonus Products</a></span> </div></td>
</tr>
<tr>

[mod:: code tags added]