Ewiges Thema: Positionierung IE u Firefox

[Timo]

Hallo,
ich habe nun (wie ich dem Rat vieler Foren, etc.) entnehmen konnte mehrere Stunden probiert und komme nicht auf eine vernüftige Lösung.

Ich habe folgendes Problem: IE und Firefox (eigentlich Firefox) interprtieren mein CSS unterschiedlich. Da ich verzweifle und der Blick eines Prosfis wahrschenlich reicht, hier:

Auszug aus dem CSS:

body {font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
      margin:0px;
      padding:0px;}

#haupt {position:absolute;        ///mein Hauptfenster
width: 700px;
top:20px;
left: 35%;
margin-left: -200px;
height: 700px;
font-size:11px;
}

#con1  {                          ///Textblock
 margin:0;
 position:absolute;
 top: 230px;
 left: 8px;
 width: 263px;
 height: 281px;
}

#vertline {                       ///Trennlinie
 position:absolute;
 top: 230px;
 left: 276px;
}

#fppic {                          ///Bild
 position:absolute;
 top: 230px;
 left: 283px;
}

#news  {                 ///Bildunterschrift
 position:absolute;
 top: 406px;
 left: 284px;
 width: 411px;
 height: 104px;
}

--------------------------------

Testblock, Trennlinie und Bild sollten auf einer Höhe sein. Trennlinie und Bild werden von IE und Firefox auf einer Höhe dargstellt - Textblock ist so um die 10 px tiefer. Auch die Bildunterschrift ist bei IE richtig, bei Firefox ebenfalls 10 px tiefer.

Danke für jede Hilfe,
lieben Gruß
Timo