"padding" und "width" zusammen , geht nicht

[Denise]

Nachtrag,
ich habe noch ein wenig getestet und festgestellt dass es noch ein
anderes problem gibt, anscheinend vertragen sich padding & width
als Kombi nicht gut.

Beispiel:
###################
<div style="border:2px solid #0000DF;width:90%;">

<p style="background-color:#FFBF00;padding:0px;margin:0px;">irgend was xxx</p>

<p style="width:100%;padding:5px;background-color:#00E090;margin:0px;">und noch mehr blabla</p>

</div>

####################

Das geht gar nicht, (ausser im quirks mode und dann auch nur im IE).

Im "loose" Doctype:

Im 2. p steht "width:100%;padding:5px;" und das macht Probleme,
Im IE streckt sich das ganze div, so dass aber das erste p
wortwörtlich auf der Strecke bleibt. IM Firefox hingegen weitet sich
das div nicht, stattdessen springt das 2. p aus dem div heraus.

Wenn ich nun entweder width oder padding verwende klappts
herrvorragend, nur beides geht nicht, warum?

Geht nicht:
style="width:100%;padding:5px;background-color:#00E090;margin:0px;">

Geht:
style="width:100%;padding:0px;background-color:#00E090;margin:0px;">
style="width:100%;background-color:#00E090;margin:0px;">
style="padding:5px;background-color:#00E090;margin:0px;">

Bin schon am verzweifeln
Denise