Посмотрите пожалуйста что я не так сделал во всех браузерах нормально а в IE 6 float: left принимается как clear:left из-за чего?

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {margin-left: 0px;}
html, body {border:0;margin:0;padding:0;background-image: url(../img/image.jpg); background-position: right top; background-repeat: no-repeat; }
#leftcn { background-image:url(../img/left_cn.gif); float:left; width:60px; height:635px;}
#left{width:5%; float:left;background-image: url(../img/left_bg.gif); *}
#center {width:95%; float:left; *background-image:url(../img/content_bg.gif); height:635px }
#right {width:30%; float:left; height:200px; background: #848484; margin-left:-0.1px; *background-image: url(../img/right_bg.gif);height:635px;}

#rightcn { *width:8px; *float: left; height:635px; background-color:#FF0000; *}
#lt { background-image:url(../img/shadow1.png); width:8px; height:635px; float:right;
// background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=shadow1.png, sizingMethod=&#39;scale&#39;);}
#head { height:130px; width:70%; background-image:url(../img/headc.gif); float:left; *} 
#top2 { background:url(../img/headl.gif); height:130px; width:5%; float:left;}
#lt2 { background-image: url(../img/111.gif); width:8px; height:130px; float:right;}
#leftcn2 { background-image: url(../img/4.gif); float:left; width:70px; height:130px;}
#leftcn3 {float:left; width:65%; height:130px; *}
#rightcn2 {background-image: url(../img/shadow.png);width:8px; height:130px;float:left;
// background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=shadow.png, sizingMethod=&#39;scale&#39;);****}
#footer{clear:left;width:100%; height:37px; background:#000000}
-->
</style>
</head>
<body>
<div id="head">
<div id="top2">
<div id="lt2">
</div>
</div>
<div id="leftcn2"></div>
</div>
<div id="rightcn2"></div>
<div style="width:70%;">
<div id="left">
<div id="lt"></div>
</div><div id="center">
<div id="leftcn"></div>
Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы Текст страницы 
</div>
</div>
<div id="rightcn"></div>
<div id="footer"></div>
</body>
</html>
Это происходит с <div id="rightcn"></div>
Заранее спасибо.