I'm testing a re-vamping of my company's website using 100% CSS for layout. I've got it looking great in all the latest Mac browsers, but when I tested it in IE6 for Windows, I didn't get expected results. Here's one of the sample pages:
http://www.magnesystems.com/pointb/about.asp
If you're using IE6 for Windows, you can plainly see a large gap to the right of the text. Scroll all the way to the right to see an image of a female cop holding a gun. The white gap shouldn't be there, and I think it has to do with IE6/Win somehow doubling the padding-right value in the div. Here's the relevant CSS for the associated div:
div.content {
margin-top:59px;
border-top:1px solid #C00;
padding:40px 254px 0px 120px;
position:absolute;
}
I purposely left out a width value because I want the div to expand and contract as the user resizes the browser window. Since I discovered the problem, I've tried adding width values of 100%, auto, and fixed pixel sizes, all which did nothing to fix the big white gap.
Is there a IE6/Win hack to fix this? Thanks in advance.
Padding is messed up in IE6/Win
Please disregard. I am trying out some of my own css work arounds.