IE6阴影问题

Question

演示：http://jsbin.com/esupex/2

我有阴影的框，其制作的新生产线的股利去，如果我删除的影子，在div追溯到在同一直线上。以下是截图。

IE6阴影断开线错误 - full image：

IE6没有影子（这只是表明它是什么样子没影后，但我们确实需要阴影） - full image：

最终布局应该看起来像这样。这个截图是从Firefox - full image：

以下是行导致了问题，我不知道如何解决这个问题：

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=140, Color='#eeeeee'); 

Answer 1

添加阴性切缘的框被渲染得太低，如果你必须在IE阴影。

http://jsbin.com/esupex/36

我加修改为：

#playerNavBox { 
    height:36px; 
    margin-right: 260px; 
    *margin-top: -43px; 
} 

Answer 2

你有固定或流动布局工作？问题是最正确的div不能把自己放在左边的旁边。给左边的一个左边的浮动和一个固定的宽度（以px或％为单位），并且都应该没问题。

如果你的布局流体：注意边界，阴影，margin和padding在PX如果你给一个元素一个不％发挥出色，不应该永远是在同一元素

此外，在IE6浮动并在同一边填充或边距，它将是您指定的边距/填充的两倍。这里描述的一样：

http://davidwalsh.name/prevent-double-margin-padding-ie6-css-float

对于IE6，你可以使用一个边框，而不是阴影来获得或多或少相同的外观。

Answer 3

减少边距和定义宽度可以解决问题。

老CSS：

#playerNavBox { 
     height:36px; 
     margin-right: 260px; 
     background-color:#fff; 
    } 

新的CSS：

#playerNavBox { 
    height:36px; 
    margin-right: 260px; 
    background-color:#fff; 
    /* ie6 shadow fix */ 
    *width:81%; 
    *margin-right: 250px; 
}