jenskie: Margin-top

Beitrag lesen

Hallo, ich möchte gerne dass mein div "haupt" ohne Rand unter dem div "logo" anliegt. Im I.E 6 und 7 wird es richtig angezeigt, aber im Firefox, Opera und Safari wird zwischen beiden divs ein Rand von 19 Pixeln angezeigt. Was soll ich tun? Habe zur Ansicht Url hinzugefügt.

hier das html:

<body>
 <div id="leinwand">
 <div id="logo"><img src="img/logo.gif" /></div>
  <div id="haupt">

<div id="navi">
    <ul>
     <li><a href="">1</a></li>
     <li><a href="">2</a></li>
     <li><a href="">3</a></li>
     <li><a href="">4</a></li>
     <li><a href="">5</a></li>
     <li><a href="">6</a></li>
     <li><a href="">7</a></li>
     <li><a href="">8</a></li>
    </ul>
   </div>
   <div id="inhalt">
    <h1>Headline</h1>
    <p>propense per jus Proprie. Sem</p>
    <p>propense per jus Proprie. Sem</p>
    <p>propense per jus Proprie. Sem</p>
    <p>propense per jus Proprie. Sem</p>

</div>
  </div><!--haupt ende-->
 </div><!--Leinwand ende-->
</body>

und css:
html{
 height:100%;
}
body {
 background-color: black;
 color:white;
 margin:0;
 padding:0;
 font-family:verdana, helvetica, sans-serif;
 height:100%;

}
#leinwand{
 background-color:white;
 color:black;
 margin:0px 150px 0px 150px;
 padding:0;
 height:100%;
}
#haupt{
 background-color:#dddddd;
 color:black;
 margin-top:0px;
 margin-left:19px;
 margin-right:0px;
 margin-bottom:0px;
 border-left:29px solid #463EEB;
 padding:0px;
 height:100%;

}