Größe von DIV Boxen im IE

[toddiSH]

Hallo,

ich glaube, ich habe nur ein kleines Problem - bekomme es aber seit Stunden nicht hin:

Ich möchte eine DIV-Box mit css definieren:

<div style="width:10px; height:10px; border:1px solid green;"></div>

Diesem DIV gebe ich dann noch ein Hintergrundbild und so will ich das Design eines Anzeigefeldes zusammenstellen. Problem: Der IE ignoriert meine Höhenangabe und stellt ein zu hohes Rechteck anstelle eines Quadrates dar... Ich bin ratlos... Im FF und Co. läuft alles problemlos und es wird ein Quadrat angezeigt.

Viele Grüße aus dem Norden,
Toddi

 

[SpiceLab]

IE sieht für das Element bzw. dessen Inhalt einen Platzhalter vor, der sich an der globalen Schriftgröße orientiert, die sicherlich größer (höherr) als 10px ausfällt.

Lösung: Zusätzlich overflow:hidden für das Element deklarieren.