ie will be the death of me :)

[soloWebDev]

link:http://www.devasset.org/engagement.php?primary_pageName=About Slavery

problem: in ie 6 and 7 the content jumps out of the main content window.

the cell that the div sits in is
<td width="465" valign="top" align="left">...</td>

WHERE I THINK THE PROBLEM IS css:
#mainContent{
width: 465px;
float:left;
margin:0 auto;
max-height:500px;
overflow:auto;
position:relative;
text-align:left;
font-size:12px;
background-color: #312f2f;
}
#alternateLinks{
width: 125px;
float:left;
margin:5px;
padding:5px;
/*max-height:500px;*/
/*overflow:auto;*/
text-align:center;
vertical-align:middle;
/*background-color: #312f2f;*/
}
#associatedReadings{
width: 125px;
float:left;
margin:5px;
padding:5px;
max-height:500px;
overflow:auto;
position:relative;
text-align:center;
/*background-color: #312f2f;*/
}
http://devasset.org/css/style.css

Thanks in advance

[soloWebDev]

So the solution I came up with was browser specific style sheets. no problem, more work but no problem.
Last issue I have and I really hope someone can help.
On all pages in IE6 and 7 the title (yellow h1) jumps.
I've found that it is not the (h1) tag but the id of the div. (#mainContent)

thanks again.