Werner Eisenwerth: Problem mit padding:0 - trotzdem Abstand nach oben-mit Quellcode

Beitrag lesen

Hallo!

obwohl es einfach aussieht, habe ich mit unten angefügter Seite ein Problem. Die gelbe Box sollte eigentlich bis nach oben gehen, leider  habe ich totz padding: 0; und margin: 0; oben einen Rand.

Vielleicht kann sich das ja mal jemand anschauen, und mir auf die Sprünge helfen. Warum habe ich oben einen kleinen Abstand und wie bekomme ich diesen weg?

Liebe Grüße
Werner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 <title>Titel</title>

<style type="text/css">

body {
 margin: 0;
 padding: 0;
 background-color: #FFE4B5;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 16px;
 color: #000;
 }

#leiste {
 height: 80px;
 border-bottom: 1px solid #000;
 background: yellow;
 }

</style>

</head>
 <body>

<div id="leiste">
   <p>Beispieltext. Beispieltext. Beispieltext. Beispieltext. Beispieltext.</p>
  </div>

</body>
</html>