希望DIV背景在IE中延伸到父DIV之外

Question

我有一个项目列表，比如菜单，其中当前项目的背景图像有点像右边的大指针。这个背景图像指针的东西应该逃脱它所包含的div的边界框。以下是它在Chrome和FF中的显示方式的屏幕截图，正如我预期的那样：

我已经设置了一个带有代码的jsfiddle，减去了背景图像的东西，因为我无法在任何地方上传它。但是我设置了背景颜色，这样你就可以看到我所说的

代码在这里：http://jsfiddle.net/V8TNm/

因此，在Chrome和FF中，活动项目的黄色背景将延伸到灰色渐变框之后。但在IE9中，它被切断了。

任何想法为什么，以及一个简单的解决方案可能是什么？

Answer 1

只需添加位置：相对。

#nav_mod_list div.current {
position: relative;
}

http://jsfiddle.net/V8TNm/3/

Answer 2

选择器#nav_mod_list div.current的宽度为210px以及填充和边距，而容器为200px。将210更改为200并删除边距和填充。

修改

您也可以完全删除width属性。这样它只会扩展容器的宽度。