Sebastian Daxner: Absatzschaltung nach <div> tag in firefox -_-

Beitrag lesen

Hey!

Ich hab ein kleineres problem mit diesem CSS hier:

///
body {
 background: #fdfead;
 text-align: center;
 margin: 0px;
}
#main {
 float: left;
 position: relative;
 width: 100%;
 background:url(Images/bg_norm_up.jpg) top repeat-x;
 margin: 0px auto;
}
#wrap {
 background-color:#ffebae;
 width: 790px;
 margin: 0px auto;
 position: relative;
 border: 5px #fbbc26 solid;
 border-top: 0px;
}
#header {
 width: 800px;
 margin: 0px auto;
 position: relative;
 background:url(Images/bg_head.gif) top no-repeat;
 height: 100px;
}
///

Dazu die HTML Seite:
///
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main"><p>&nbsp;</p>
<div id="header">
  <p>&nbsp;</p>
  <p>Header</p>
</div>
  <div id="wrap">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>Raum für den Inhalt von  id "wrap"</p>
  </div>

</div>
</body>
</html>
///

Von positionierung bis Anzeige stimmt so weit alles, vor allen Dingen im neuesten IE, aber in Firefox zeigt es mir eine Leerzeile zwischen dem "header" und dem "wrap" an....ich hab einfach keine Ahnung wie ich den loswerde :-)

Danke für alle Hilfe
MFG
Sebi