IE 6 Float Sinks

**KauaiCoder** · Jul 21 '05, 12:37 AM

Aloha,

Can anyone tell me why this works in safari, netscape, msie 5.x mac but
not msie6 windows? There is supposed to be a green stripe, a yellow
box, a red box, and another green stripe all on one line. In windows
the red box is below the yellow one.

Thanks,
Gary

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css" title="text/css" media="screen">
body
{
font-family: Verdana, Arial, san-serif;
font-size: 11px;
line-height:16px;
margin: 0;
padding: 0;
background-color: #fff;
text-align: center;
color: #595959;
}
#page
{
display: block;
width: 745px;
margin: 0px auto 0px auto;
text-align: left;
padding: 0px;
background-color: green;
}
#contentRightLa rgeNoDivider
{

width: 564px;
padding: 0px;
margin: 0 ;
margin: 0 0px 0 180px;
background-color: red;
}
#leftPanel
{
display:inline;
float: left;
width: 179px;
margin: 0 0px 0 1px;
padding: 0;
background-color: yellow;
}
</style>
</head>

<body>
<div id="page">
<div id="leftPanel"> Yellow</div>
<div id="contentRigh tLargeNoDivider ">Red</div>
</div>
</body>
</html>