Leider zeigen Mozilla und Opera leichte Verschiebungen nach oben gegenüber IE (die von mir gewünschte Darstellung),
<img src="http://www.visuelya.net/selfpics/ie.gif" border="0" alt="">
<img src="http://www.visuelya.net/selfpics/mozilla.gif" border="0" alt="">
<img src="http://www.visuelya.net/selfpics/opera6.gif" border="0" alt="">
Hat jemand von Euch einen Tipp? Danke für's Anschauen.
Das Problem selbst habe ich nicht gefunden, aber da Du mit border und padding arbeitest und Dich über verschobene Objekte in anderen Browsern als dem IE beklagst, vermute ich, daß Du einem altbekannten Fehler im IE aufgesessen bist. Der IE ist erst seit Version 6 _und_ im CSS-Standardmodus in Lage, die Position/Größe von Objekten richtig, d.h. standardgemäß zu berechnen. Anders ausgedrückt: In Deinem Beispiel macht der IE es falsch, Mozilla und Opera machen es richtig (übrigens eine Tatsache, die häufig anzutreffen ist).
Ich würde Dir empfehlen, jetzt _nicht_ spezielle CSS-Angaben für IE und alle anderen zu basteln. Mache besser gleich Nägel mit Köpfen und benutze CSS von Anfang an so, wie es im Standard (<>) beschrieben ist. Du ersparst Dir damit auf die Dauer viel Ärger, einfach weil Eigenschaften und Verhalten festgelegt sind und Du Dich darauf verlassen kannst.
Wie man die Browser vom normalerweise vorhandenen herstellerspezifischen Süppchen in den CSS-Standardmodus schaltet, ist unter http://www.hut.fi/~hsivonen/doctype.html beschrieben. Der HTML- und der CSS-Validator von http://www.w3.org helfen Dir beim Schreiben korrekten Codes.
Gruß,
soenk.e