Div относительное позиционирование проблема в Internet Explorer

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: Все хорошо, заголовок появляется 20px выше DIV, это круто.
IE: отказывается показывать div(broadcast_header)!

Переполнение: видимое определение
doctype: Учитывая

Моего входа: Пусть изменение сверху - top: -5px; Это показывает DIV (заголовок) частично. Спасибо:].

Answer 1

Добавить body { margin:0 } в ваш CSS.

Answer 2

Это работает по-разному. Окружающий элемент (#broadcast) должен иметь позицию: relative; имущество. Затем вы можете поместить (#broadcast_header) относительно этого с помощью position: absolute;

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

#broadcast 
{ 
    position: relative; 
}