CSS padding problem IE6

While pretty much a novice at CSS coding, I do understand that it is not wise to define padding in divs as results are not good in IE6. In the page I am working on, I have avoided using left and right padding.

I have a left menu that is 210 pixels wide, and a main section to the right that is 590 pixels wide for a total width of 800 pixels. My page displays perfectly in FireFox. In IE6 it appears that the menu is 3 pixels wider than I have specified, and I cannot for the life of me figure out where these 3 pixels are coming from! If I change the width of the main section from 590 to 587 pixels, the page is then perfect in IE6 but off in FireFox....

If anyone can help shed some light on what the problem is I would be extremely grateful. The page is here:

http://www.brettagold.com/BA/bahometest.html

Thanks!

re: CSS padding problem IE6

try the following:

[HTML]
html{
padding:0px;
margin:0px;
}
[/HTML]

at the top of your CSS.

also, check this out
http://www.positioniseverything.net/...reepxtest.html

re: CSS padding problem IE6

Already in my CSS. But thanks for the link - it explains where the mystery 3 pixels are coming from and hopefully I can get my head around their suggestion for a fix.....