Jeg bliver syg i hovedet! IE6 - borders - height - mellemrum etc.

Jeg er ved at går helt kold over hvor fucked css virker i IE6. Ved ikke om det bare er mig som laver ged i det.

Starter med det simple:

Jeg skal bare have en vandret linje som er 1px høj og sort. Her er css koden:

#line01 {
width: 654px;
height: 1px;
background-color: black;
}

Firker fint i Firefox men hvorfor faen er det lige at i IE6 at den ikke er 1px høj men snarere 10px...? Giver jo ingen mening.

En anden ting er er at den sætter en masse mellerum ind under steder den ikke burde:

div id="seachfield">
 
  <div id="searchtop">
    <img src="img/searchtop.gif"/>
  </div><!--searchtop-->

  <div id="box">
  </div><!--box-->

</div><!--seachfield-->

<img src="img/skygge01.jpg" id="skygge01"/>

"Box" diven lige under billdet img/searchtop.gif har en border. Hvorfår faen er der mellemrum mellem searchtop.gif og "box"? "Box" er jo forhelvede lige neden under! Jeg har ingen padding eller margin på. Har også prøve at sætte dem til 0px men nææ nej.
Har samme problem mellem "box" og "skygge01".

Sidst har jeg et problem med borders, som jeg ikke engang ved hvordan jeg skal beskrive men det er vidst et kendt problem med at Firefox og IE sætter borders helt forskeligt. Der kommer 2px forskeld på min borders.

Kæft det er latterligt!