schwarzdivchen: nicht gewollte abstände im firefox

Beitrag lesen

Hallo, ich versuche mich an meiner ersten Homepage und  möchte diese natürlich mit CSS formatieren.Leider habe ich schon nach dem Einfügen dreier Elemente in Divs Probleme, es geht um eine ecke links oben, eine rechts oben, und direkt darunter soll eine linie sein die mit den ecken oben abschließt. Im IE sieht es korrekt aus, im FF ist zwischen den ecken und der Linie ca 16 px abstand, obwohl ich schon bei allen elementen oben und unte padding und margin auf 0 gestellt habe.habe zwar schon in den foren geschaut, aber da ich noch Anfänger bin nicht wirklich schlau draus geworden., deswegen wäre es supernett wenn mir da jemand einen Tip geben könnte
hier das html:

<body>

<div id="content" >
<div id="kopf"><img src="../02-images/header.gif" /></div>
<div id="eckelinks" ><img src="../02-images/eckelinks.gif" /></div>
<div id="eckerechts" ><img src="../02-images/eckerechts.gif" /></div>
<div id="liniehorizontal" ><img src="../02-images/liniehorizont.gif" /></div>
</div>
</body>

und hier das css:

body {
 background-color: #FFFFFF;

}
#content {
 background-color: #FFFFFF;
 width:832px;
 height:432px;
 position:absolute;

padding-left:100px;
 padding-top:100px;
}

#eckelinks {

width:16px;
 height:16px;
 float:left;
 padding-top:100px;
 padding-bottom:0px;
}

#eckerechts {

width:16px;
 height:16px;
   padding-top:100px;
 padding-bottom:0px;
 float:right;
}
#liniehorizontal {
 width:802px;

height:1px;
 clear:both;
 padding-left:16px;
 padding-top:0px;
 margin-top:0px;

}
das clear both war ein tip von einem freund, hat aber auch nicht geholfen...