Internet Explorer中的Div相对定位问题

Question

HTML：

<div id="broadcast">
    <div id="broadcast_header">
        Neighbourhood Broadcast
    </div>
</div>

CSS：

#broadcast_header
{
 background-color: #A0522D;
 width: 100%;
 height: 20px;
 position: relative;
 top: -20px;
 font-weight: bold;
}

Firefox：一切都很好，标题出现在div上方20px，很酷 IE：拒绝显示div(broadcast_header)！

溢出：可见
doctype定义：给定

我的输入：假设将顶部更改为 - top: -5px;它部分显示div（标题）。 谢谢：]。

Answer 1

在CSS中添加body { margin:0 }。

Answer 2

这种方式不同。周围元素（#broadcast）必须具有以下位置：relative;属性。然后你可以使用position：absolute;

相对于这个位置（#broadcast_header）

#broadcast_header
{
    background-color: #A0522D;
    width: 100%;
    height: 20px;
    position: absolute;
    top: -20px;
    font-weight: bold;
}

#broadcast
{
     position: relative;
}