sven: DIV-Box mit Text und ohne Rand unten

Hallo allerseits,

ich hab ein Problem und die Suche konnte mir nicht weiterhelfen.

Ich hab ein DIV:

<html>
<head>
<style type="text/css">
<!--
div.block {
 background-color: #B0B0B0;
 border: 2px solid;
 width: 209px;
 border-top-color: #DCDCDC;
 border-left-color: #DCDCDC;
 border-right-color: black;
 border-bottom-color: black;
 padding: 0px 10px 6px 5px;
}
</style>
</head>
<body>

<div class="block" style='height:10px;'>
asda sdasdasd
</div>

</body>
</html>

Im Firefox wird das DIV richtig angezeigt: Die Box ist nur 10 Pixel hoch. Im IE ist aber unter der Schrift ein Rand mit 6 Pixeln. Wie verhindere ich diesen Rand?

Viele Grüße, Sven

  1. hi,

    Im Firefox wird das DIV richtig angezeigt: Die Box ist nur 10 Pixel hoch. Im IE ist aber unter der Schrift ein Rand mit 6 Pixeln.

    Redest du etwa vom Padding, welches du ja selber angegeben hast?

    padding: 0px 10px 6px 5px;

    Da ich davon ausgehe, dass der FF das padding korrekt darstellt, erkläre bitte genauer, was dann an der Darstellung wo stimmt/nicht stimmt.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Redest du etwa vom Padding, welches du ja selber angegeben hast?

      padding: 0px 10px 6px 5px;

      Ööööhm das ist mir jetzt peinlich... ich hab die 6px in meiner css-Datei ganz sicher auf 0px gesetzt und im IE einen Reload gemacht (mit F5 und strg + F5). Aber ohne Verbesserung - vielleicht hätte ich den Cache leeren sollen???