调试在IE9中无法正确显示的弹出窗口

Question

我在另一个问题中问过这个问题我们无法解决它

Filling the top part of this window?

现在我已经在我们可以调试的小提琴中找到了错误的代码： http://jsfiddle.net/qffh5/6/

在Internet Explorer 9中，窗口的顶部并未完全填满。我怀疑CSS被覆盖了，所以我用开发人员工具查看了IE，但找不到错误：

Answer 1

当我确定您的问题时，我注意到样式未正确继承。 所以我清理了你的小提琴，以便只有＆＃34;问题＆＃34;存在。

HTML

<div id="topBar">
    <span class="pusher TB_nb">
        <h2>Some text</h2>
    </span>
    <span id="close">
       <a href="#todo" onclick="#do something">X</a>
    </span>
</div>

你的CSS

#topBar {width:100%; background-color:#EFEFDC;}
#close {position:absolute; right:5px;}

* 仅处理此部分： http://jsfiddle.net/qffh5/30/ *

更正了CSS

#topBar {width:100%; background-color:#EFEFDC; display:inline-block;}
#topBar h2 {float:left}
#close {position:relative; float:right;}​

小提琴可以在这里找到：http://jsfiddle.net/qffh5/28/