ie will be the death of me :)

[soloWebDev]

link:http://www.devasset.org/engagement.p...=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.