IE6 在負邊界( margin )上的異常問題[CSS]

當負邊界( margin )加上 float 屬性時 在 IE6 上會出現詭異的邏輯問題 設定的數值會乘於二 也就是 margin:-100px; 會變成 margin:-200px; 解決這個問題只好做特別做修正設定 HTML 與 CSS 設定：

原始碼

1. .widget{ 
2.    padding-left:35px; 
3. } 
4. .widget .image{ 
5.    width:30px; 
6.    float:left; 
7.    margin-left:-30px; 
8.    _margin-left:-15px;/*for IE6*/ 
9. } 

   .widget{
       padding-left:35px;
   }
   .widget .image{
       width:30px;
       float:left;
       margin-left:-30px;
       _margin-left:-15px;/*for IE6*/
   }

原始碼

1. <div class="widget"> 
2.   <div class="image"><img /></div> 
3.   <div>text text</div> 
4. </div> 

<div class="widget">
   <div class="image"><img /></div>
   <div>text text</div>
</div>