firefox stellt layer bei "padding-right" falsch da

alko

padding-right erweitert bei mozilla (fehlerfrei stellen es opera und ie6 dar) den layer um den dort angegebenen wert nach rechts und unten! Das stört das layout meiner website empfindlich.
(http://www.litges.at ->rezensionen - Das graue textfeld mit weißer schrift links)

Ausschnitt aus dem seitencode:
<div id="Layer_grau" style="position:absolute; left:0px; top:82px; width:189px; height:119px; z-index:3; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;" class="feldtext" >
<p>Für Sie gelesen:</p>
</div>

Ausschnitt aus der externen css-datei:
.feldtext {
width: 190px;
padding-top: 7pt;
padding-right: 5pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: right;
line-height: 15px;
background-color: #CCCCCC;

Gibt es eine möglichkeit, mozilla das abzugewöhnen?
Für ratschläge wäre ich dankbar.

Dr. Evil

Eigentlich macht Gecko (Seamonkey, Firefox, k-Meleon, ....) es richtig. Opera ahmt dagegen den IE in seinem falschen Box-Model nach, der es falsch macht. Wenn du bei Google nach box-model suchst, findest du viele Lösungsansätze.

brain

ich habe das mal ausgetestet und es liegt nicht am padding-right (wäre ja auch zu blöd) sondern natürlich am paddig-top. Hier taucht wieder das alte Problem auf, das IE mit dem Box-Modell hat.
Denn:

Zitat

(fehlerfrei stellen es opera und ie6 dar)

ist falsch, der einzige der es richtig macht ist FF. Das Problem ist, dass height im IE die äußere Höhe ist. Richtig wäre es so zu rechnen:
margin-top + border-top + padding-top + height + padding-bottom + border-bottom + margin-bottom = Gesamthöhe.
Genau das tut FF. Dass der Layer dann größer ist, sollte logisch sein.
Nachzulesen auch in der 2.1 CSS-Spezifikation des W3C.

bugcatcher

Sie auch: http://firefox.uni-duisburg.de/forum/viewtopic.php?t=17115