html - ie6阴影问题

Question

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

我在盒子上有阴影，它使 div 进入新行，如果我删除阴影，div 会回到同一行。以下是屏幕截图。

ie6 阴影断线错误 - full image :

ie6 no shadow(这只是为了显示没有阴影后的样子，但我们确实需要阴影)- 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;
}