بهم ریختن div در ie6

[fder2010]

سلام
صفحه وب سایت من وقتی که در ie6 نمایش داده می شود به هم میریزد .
ظاهرا این مشکل float و margin در ie6 است که margin را دو برابر میکند .
اکثر سایت ها نوشته اند که این مشکل به سادگی با دستور display:inline حل می شود اما من هم در div اصلی هم در div های داخل آن از این دستور در فایل css استفاده کردم اما مشکل حل نشد .
استفاده از این دستور به چه صورت است ؟
راه حل دیگری وجود دارد ؟
این همه سایت چطور هم در ie6 هم در ie9 و فایرفاکس div ها و تصاویر را نمایش می دهند و به هم نمی ریزند ؟

[hamid_shrk]

دوست عزیز بهتره کدتون رو بذارید تا بررسی کنیم

[fder2010]

کد html که شامل 5 قسمت در div detبا نام های win1 تا win 5 می باشد :

<div id=det>
<div id=win1>
<div style='display: inline;'></div>
<img src="images/hamahang-bime.jpg" width="440" height="180" /></div>
<div id=win2><img src="images/win2.jpg" width="430" height="180" /></div>
<div id=win3>
<div style='display: inline;'></div>

<img src="images/win3.jpg" width="290" height="160" /></div>
<div id=win4>
<div style='display: inline;'></div>

<img src="images/win4.jpg" width="290" height="160" /></div>
<div id=win5>
<div style='display: inline;'></div>

<img src="images/win 5.jpg" width="290" height="160" /></div>
</div>

[fder2010]

کد css مربوطه
#det{
width:900px;
height:362px;
background-color:#FFF;
margin-top:538px;
position:absolute;
overflow:auto;
display:inline;
}
#win1{
width:445px;
height:180px;
float:right;
border:solid thin #999;
margin-right:5px;
border-radius :2px;
display: inline;
}
#win2{
width:437px;
height:180px;
border:solid thin #999;
margin-left:5px;
margin-right:5px;
border-radius :2px;
}

#win5{
width:294px;
height:163px;
float:right;
border:solid thin #999;
margin-left:5px;
margin-top:5px;
margin-right:5px;
border-radius :2px;
}
#win4{

width:290px;
height:163px;
border:solid thin #999;
float:right;
border-radius :2px ;
margin-top:5px;
margin-right:5px;
display: inline;
}
#win3{
width:290px;
height:163px;
border:solid thin #999;
float:right;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
background-position:left;
border-radius :2px;
}

در ie9 به هر 5 پنجره به خوبی کنار هم قرار می گیرند
اما در ie 6 بهم می ریزند و بالا پایین می روند