为什么这段代码在IE7中不起作用？

Question

代码： http://www.webdevout.net/test?0U

演示： http://www.webdevout.net/test?0U&raw

这适用于大多数现代浏览器（Safari，Chrome，Firefox，IE8 / 9），但在IE7中不起作用：是什么给出的？我基本上想让内容决定容器的大小，我希望标题阻止显示并占用容器的填充宽度....

所以，如果你注意到，左边的方框有内容，绿色方框会拉伸以容纳它......有意义吗？

我正在进行文本缩进，因为绿色框中包含文本并且正在替换为背景图像精灵...因此该部分需要保留。

Answer 1

尝试使用position:absolute设置标题样式，因为它将成为背景图片，您可以在文本中添加z-index:999。

Answer 2

摆脱标题样式中的高度声明。如果要更改框的高度，请更改font-size属性。