I am about ready to bash my head against the wall, so I think it's time to ask for some help.

I have a website I am working on that needs to be compatible in all the modern browsers-- unfortunately, this includes IE6.

In order to keep the background images where they are, I have set html and body to overflow: hidden in my CSS file. The #content div is what scrolls. This works beautifully in IE7, Firefox, Safari... But not IE6.

I cannot find a solution that makes the #content div scrollable in IE6.

This is the test site:
http://www.telcontar.us/rheemtest/


And relevant CSS:

html { width: 100%;
       height: 100%; 
       min-height: 100%;
       overflow: hidden; }

body { background-color: #FFFFFF;
       background-image: url(images/horizontalheader.png); 
       background-repeat: repeat-x;
       background-attachment: fixed;
       color: #333333; 
       font-family: Verdana, Arial, sans-serif; 
       margin: 0;
       padding: 0;
       height: 100%;
       width: 100%;
       overflow: hidden; }

#content { background-color: #FFFFFF;
       z-index: 3;
       top: 130px;
       left: 200px; 
       right: 10px;
       bottom: 20px; 
       position: absolute;
       overflow: auto;
       font-size: 10px; }

Any help would be appreciated! Thank you!

Not gonna happen. IE6 just does not support position:fixed.

imitating fixed position in ie6
I do stuff like this sometimes when I want modal "popup windows" to stay in a fixed position within a window.

Hmmmm, I guess my confusion sets in because I'm not using position:fixed on anything. Just position:absolute.

The body has background-attachment:fixed-- but as far as I've read, this should function correctly in IE6.

Is there a problem with overflow: auto with relation to position:absolute in IE6?

IE6 has LOTS of problems with absolute positioning.