Hallo
Ich hab ein komisches Problemchen in Firefox.
Folgender Aufbau:
<div style="background:.... width:300px; display:block; padding:15px 0 0 0;"><div style="border:1px solid green;">
<ul><li>Element</li></ul>
</div>
</div>
Sinn des ganzen, im äußeren div ist ein 15 Pixel großes Hintergrundbild. Nach diesem Bild soll dann das innere div beginnen, mit wieder Hintergrund und Inhalt.
Wenn ich das so nachstelle sieht es auch so aus wie es soll.
In der kompletten Seite allerdings ist zwischen Hintergrundbild und dem unteren Teil eine Lücke.
Firebug sagt mir, der margin des ul steht nach oben hin aus dem inneren div heraus! Das bewirkt diese Lücke. Wenn ich den margin verändere, macht die Lücke mit. Bei 0 ist sie weg.
Der margin müsste sich doch auf den Beginn des inneren div beziehen?
Ich kriege diesen Fall leider nicht nachgestellt und die komplette Seite gibts auch nicht online. Die ist ziemlich umfangreich.
Könnte da irgendwas schuld sein wie overflow oder so, was sich auf Unterelemente auswirkt und da irgendwelche Verschiebungen verursacht?