IE vs Firefox

[jrthor2]

Could someone help me figure out why this site (http://yuppiepuppygear.com/shop/catalog/) looks so different in IE 6 and FireFox? It looks fine in IE 7, but in IE 6, there is quite a big difference. The header is not lined up right, the left nav is missing the greenish background. The links in the green nav bar at the top don't change color on hover. The "Share this site" dropdown doesn't work in IE 6 either.

Thanks!!

[WebJoel]

<div id="footerImageGalleryLeft">
<p>


<!-- start gallerybox //-->


Visit our <table border="0" width="100%" cellspacing="0" cellpadding="3" class="infoBoxContents">
<tr>
<td class="boxText"><a href="http://yuppiepuppygear.com/shop/catalog/gallery.php">Photo Gallery.</a></td>
</tr>
</table>


<!-- end gallerybox //-->

</p>
</div> The use of a "<p></p>" is probably redundant, -it certainly does nothing. And IE6 you say? 'The Troubled Child?' Try removing the superfluous "<p></p>", -IE6 is rather notorious for using default padding and margin (that includes empty "p" tags too.) I always start my CSS with this:

<style>
* {padding:0; margin:0;}
....
</style>

This will strip all padding & margins, from everything. -Makes IE play fair. Mozilla and others do this by default. IE add it owns default padding/marging to every element, making for busted-designs..

[jrthor2]

I have

* {padding:0; margin:0;}

in my stylesheet. I'm mainly concerned about the header and left nav not looking right.

[jrthor2]

Can anyone help me with this?

Thanks!!!