在IE中划分定位问题

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 - - top：-5px;它部分显示div（标题）。谢谢：]。

Answer 1

尝试顶部：-10px，它将在IE和Firefox中显示

Answer 2

您必须为 #broadcast

设置height和width css

#broadcast
{ 
    height:200px;
    width:200px;
    position:relative
}

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