nicht angemeldet
Irgendwelche Verschachtelungen brauchst Du ja, um verschiedene Hintergrundbilder übereinander legen zu können!
zur not ist aber auch folgendes denkbar.
<div id="box">
<p>foobar</p>
<span id="c1"></span><span id="c2"></span><span id="c3"></span><span id="c4"></span>
</div>
c1 bis 4 sind die Ecken - dann ist der Baum nicht so tief.
Alternativ kann man bei fixer breite auf 2 (ggf sogar drei) Elemente verzichten.
Ebenso könnte man eine der Ecken bereits in die Elternbox packen.