IE7, IE 6 Render Issues

[lawbird123]

Here's a link to my site: http://bbproductivity.com/test/

The site looks fine in FF, but the top navigation in IE7 and IE6 is mis-aligned and the the product box in IE6 is waaay off. I've tried the "hasLayout" hacks, but there seems to be no change (perhaps I'm inserting the code in the wrong place). Does anyone know of a fix or have a good link to some literature regarding this? Or know why IE is a such a pain in the butt to design for? Or, perhaps, know why the IE developers don't realize their browser is a pain in the butt to design for and still won't fix it? :confused:

[Fang]

You've made the layout much too complex; table layout, divitis, incorrect use of css.
All the layout needs:<ul id="menuBar">
<li></li>
</ul>
<div id="ContentBox">
<div id="ProductBox"></div>
<div id="ProductDescText"></div>
</div>
<ul id="lowerMenuBar">
<li></li>
</ul>
<div id="footer"></div>