Bilder[Header] einbinden

[DarkoWho]

Moin,
ich wollte mal was zum Einbinden von Bildern bzw eines Headers mit CSS wissen.

Vorweg: macht es von den Ladezeiten her einen Unterschied, ob ich nun ein z.B. 10px * 10px großes schwarzes Bild als ein großes Bild einbinde, oder ob ich es auf 1px * 1px verkleinere und dann halt per repeat-x/y vergrößere?

Zur eigentlichen Frage:

Mein Header bsteht, zumindest in Photoshop, aus mehreren Ebenen.

In HTML hab ich den Header-Bereich mit z.B. <div id="header"> definiert und
lasse jetzt mit folgendem CSS-Code die erste Ebene meines Headers anzeigen:

#header {  
	background: url(../images/header-black-bg.jpg) repeat-x #ececec;  
	width: 1020px;  
	height: 306px;  
}

Jetzt fehlen mir allerdings noch ein paar weitere Ebenen meines Headers...

Gibt es da eine Möglichkeit diese einzubinden, ohne gleich 10 neue Bereiche mit <div id="bla"> zu definieren?