html - 想要DIV背景在IE中延伸到父DIV之外

Question

我有一个项目列表，比如一个菜单，其中当前项目有一个背景图像，有点像一个向右的大指针。这个背景图像指针应该避开它所包含的 div 的边界框。这是它在 Chrome 和 FF 中的显示截图，正如我所期望的那样：

在此处输入图像描述

我已经用代码设置了一个 jsfiddle，减去了背景图像，因为我懒得在任何地方上传它。但是我已经设置了背景颜色，所以你可以看到我指的是什么

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

所以在 Chrome 和 FF 中，活动项目的黄色背景会延伸到灰色渐变框之外。但是在IE9中，它被切断了。

任何想法为什么，以及一个简单的修复可能是什么？

score 1 · Accepted Answer

只需添加位置：相对。

#nav_mod_list div.current {
position: relative;
}

score 0 · Accepted Answer

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

编辑：

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

2 回答 2