CSS / IE6, div expanding and overdrawing other content

Hi all,

I have a page that displays perfectly in Firefox, but in IE6 it does strange things. This is the page:

http://bramble.devink.co.uk/staff/joyce-harris

The problem is the last red box on the page. In Firefox it correctly drops to the bottom of the page and stays there. In IE6, it stretches as you scroll the page, and overlays the staff list on the left. It has actually entered a different div area.

Here's the css for the differerent sections:

Code:

.staff-body {
width:600px;
float:left;
}

.staff-right {
width:160px;
float:right;
}

.view-data-quote {
background-color: red;
border-style: solid;
border-color: #ffffff;
border-width: 2px;
padding: 20px 20px 20px 20px;
color:#000000;
font-family: Comic Sans MS, tahoma, verdana, arial;
font-size: 14px;
font-weight:bold;
font-style:italic;
clear:both;
max-height:80;
}

Thanks in advance for any help!

	Welcome, Guest. Please login or register. Did you miss your activation email?	September 07, 2008, 07:13:54 PM
		Login with username, password and session length