Here is my dilemma, These are the 2 pages
http://www.ecarttemplates.com/webHosting.php
http://www.ecarttemplates.com

webHosting.php problem there should be 3 rows of information. displayed in IE6 it shifts the information to the left.

With the main page there should be text saying Welcome Guest [Login | Register] | Register as Contributor Just below the top menu.

In every browser, IE7, Firefox 2.0, Opera 9, Mozilla, Netscape it works except for IE6.

The CSS is pretty large for these pages. let me know if someone has any pointers.

I did find a problem with IE7 overflowing 2 containers because of invalid size.

Thanks for any help.

Your problem with IE 6 is the double-float margin bug. Now that IE 7 is out, you're going to have to use conditional comments to target the hacks necessary to make IE 6 and below behave. I now use 3 CSS files for every page - my main CSS, an iefixes file for IE6 and below hacks, and ie7fixes for anything we're going to need for IE 7.

The double-float margin bug happens when you have a floated element - your columns and LI items, and you add a margin in the same direction as your float, ie. float:left and a margin-left value. To stop this from happening, you need the a hack... add display: inline for those elements with left floats and left margins. Because IE is doubling your left margins on the floats, you're getting float drop.