Scrolling problems in IE 5

Okay, the page in question is:

[url]www.Furnation.com/Mister_Initial_Man/Furcadia.buxy.html[/url]

The CSS will not let the right section scroll at all in Internet Explorer 5 (works in IE 6, though.)

The following is my CSS:

[CODE]
body, html {
height : 100%;
max-height : 100%;
overflow : hidden;
padding : 0;
margin : 0;
border : 0 none inherit;
background: #000000;
color: #ff0080;
}

#content {
overflow : scroll;
overflow-x :hidden;
position : absolute;
top : 0px;
bottom : -17px;
left : 130px;
right : 5px;
z-index:1;
padding: 5px;
border-left: 1px solid #00ffff;
}

* html #content {
top:0px;
margin-left: 0px;
padding-top: 5px;
padding-bottom:5px;
padding-right:150px;
padding-left:5px;
bottom:0px;
height : 100%;
max-height : 100%;
position : absolute;
z-index:1;
width:100%;
}

#chars {
position:fixed;
left:5px;
padding:0px;
width:130px;
margin-top:25px;
}
#chars ul{
font-family:Times New Roman, Courier, Serif;
font-size:1.5em;
text-align:center;
}
#chars li{
margin:0;
margin-top:7px;
margin-bottom:7px;
padding:0;
}
li#current{
margin-top:10px;
margin-bottom:10px;
}
a{
font-weight:lighter;
margin:0;
padding:0;
}
a:link{
color: #A000A0;
}
a:visited{
color: #FFFF00;
}
a:hover{
color: #FF00FF;
}
a:active{
color: #FFFFFF;
}
.home a{
background:#00ffff;
color:#0000ff;
border:2px solid #0000ff;
padding:3px;
}
#current a{
background:#ffff00;
color:#ff0000;
border:2px solid #ff0000;
padding:3px;
}
#description{
width:528px;
margin:0 auto;
border:1px solid #ffff00;
}

#leftpic{
border-right:1px solid #ffff00;
width:107px;
text-align:center;
float:left;
height:250px;
}
#leftpic img{
margin-top:70px;
}#stats{
margin-left:108px;
width:300px;
padding-left:5px;
padding-right:5px;
height:250px;
text-align:center;
}
#rightpic{
border-left:1px solid #ffff00;
width:107px;
text-align:center;
float:right;
height:250px;
}
#rightpic img{
margin-top:70px;
}
#furcdesc{
border-top:1px solid #ffff00;
padding:5px;
text-align:left;
}
#online{
margin:20px auto;
width:200px;
text-align:center;
border:2px solid #6600ff;
padding-top:20px;
padding-bottom:20px;
}
table{
margin:0 auto;
margin-top:20px;
border:1px solid #00ff00;
border-collapse:collapse;
color:#00ff00;
background:#004000;
}
caption{
padding-top:7px;
padding-bottom:8px;
font-size:1.4em;
width:206px;
}
th, td{
text-align:center;
}
th{
border-bottom:2px solid #00ff00;
}
td{
width:100px;
padding:5px;
}
h1{
font-family:Times New Roman, Serif;
font-size:2.0em;
border:2px solid #00aaff;
padding:2px;
color:#ff00ff;
background:#000088;
}
h2{
font-family:Times New Roman, Serif;
font-size:1.5em;
border:1px solid #00aaff;
padding:2px;
color:#ff00ff;
background:#000088;
}
#copywrite{
font-style:italic;
color:#ff00cc;
text-indent:0;
text-align:center;
font-size:1.1em;
}[/CODE]

Mozilla and associated browsers are not a concern, since I’ve got a mirror site for them.

Also in #CSS _↴