YUI-CSS在IE 6和7

Question

如果你看一下下面的截圖中可以看到，在紅色的右鍵菜單框在IE6錯誤的位置和7：

alt text http://horgenweb.org/yui.png

<div id="doc4" class="yui-t2"> //yui-t2 = 180px on the left 
    <div id="bd"> 
    <div id="yui-main"> 
     <div class="yui-b"> 
     <div class="yui-gc"> // yui-gc 2/3, 1/3 
      <div class="yui-u first">content</div> // 2/3 
      <div class="yui-u">right menu</div> // 1/3 
     </div> 
     </div> 
    </div> 
    <div class="yui-b">left menu</div> // 180px 
    </div> 
    <div id="ft">footer</div> 
</div> 

任何人知道如何解決這個問題？

Answer 1

我正在努力解決這個在IE7中的浮動錯誤。我注意到這個bug隻影響特殊的網格.yui-gc（2/3,1/3）和.yui-gd（1/3,2/3）。

因此，我正在爲第一個單位提供星級攻擊，以將單位寬度減少1％或2％。較小的寬度（在第一個單元上）允許單元在IE7中並排浮動。

.yui-GC。首先{*寬：65％重要;} .yui-GD。首先{*寬：31％重要;}

我希望這可以幫助，如果有一個更好的解決方案，我都耳熟能詳。