Can someone tell me why this isn't working in IE6? It works perfectly in IE7 and Firefox, but for IE6 it doesn't allow scrolling of the content div.
Code:
body {
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
background-color:Black;
font-family:verdana, sans-serif;
font-size:10px;
overflow: hidden;
color:Gray;
}
hr
{
color:Black;
width:100%;
text-align:left;
}
a:link {
color: blue;
}
a:visited {
color: green;
}
a:hover {
color: blue;
}
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:46px;
overflow:hidden;
background:Black url(../images/blockback.jpg) repeat-x;
color:White;
vertical-align:bottom;
text-align:right;
}
#footer {
position:absolute;
bottom:0;
left:0;
width:100%;
height:30px;
overflow:hidden;
text-align:right;
background:Green url(../images/BlackGlassFooter.gif) repeat-x;
color:White;
}
#contents {
position:fixed;
top:46px;
left:25%;
bottom:30px;
right:0;
overflow:auto;
background-color:Black;
border-left:solid 1px Gray;
border-top:solid 1px Green;
border-bottom:solid 1px Green;
padding-left:5px;
}
#left {
position:fixed;
float:left;
top:46px;
text-align:right;
overflow:hidden;
background-color:Black;
bottom:46px;
height:100%;
width:24%
}
.HeaderBackground
{
background:Green url(../images/blockback.jpg) repeat-x;
}
.HeaderBackground2
{
background:Green url(../images/blockbackgreen.jpg) repeat-x;
}
/* for internet explorer */
* html body {
padding:46px 0 30px 0;
}
* html #contents {
height:100%;
width:100%;
position:fixed;
top:46px;
left:25%;
bottom:30px;
right:0;
overflow:auto;
background-color:Black;
border-left:solid 1px Gray;
padding-left:5px;
}
* p {width:250px;}