Drei Bilder im Hintergrund

Hallo,
ich bin gerade schon echt am Verzweifeln. Ich möchte auf meiner Homepage eine Hintergrundgrafik bei dem Inhalt einfügen, welche aber aus drei Teilen, also aus drei Grafiken besteht. Einmal die oberste, dann kommt der Mittelteil, welcher sich wiederholt (so lang, wie die Seite halt ist) und zum Schluss kommt dann die Endgrafik. Ich hoffe, ihr versteht was ich meine
Hier der Link zu meiner Page:

<!-- m --><a class="postlink" href="http://dennis.spacequadrat.de/">http://dennis.spacequadrat.de/</a><!-- m -->
Die oberste Grafik hat ja funktioniert und der Teil, welcher sich wiederholt auch, aber der untere Teil wird leider nicht angezeigt =(

#inhaltpicture {
    background:url(images/hg1.jpg), url(images/hg2.jpg);
    background-repeat: no-repeat, repeat-y;
    width:640px;   
    height:auto;
}




#inhalt {
    padding-left:20px;
    padding-top:20px;
    font-family:arial;
    font-size:16px;
}

Liebe Grüße

Das ist echt doof
Kann man da nicht irgendwie eine Alternative entwickeln, die von alles Browsern unterstützt wird?
Ich habe das jetzt einfach mal in meiner Index.php so gemacht:

<div id="inhaltpicture">
<img src="http://dennis.spacequadrat.de/templates/blanad_design/images/hg1.jpg" alt=""/>
<div id="inhalt">
<?php page_content(); ?>
</div>
<img src="http://dennis.spacequadrat.de/templates/blanad_design/images/hg3.jpg" alt=""/>
</div>

Oben habe ich das erste Bild ganz normal eingebunden, dann habe ich per CSS das Bild eingebunden, welches sich wiederholt und zum Schluss habe ich das letzte Bild wieder ganz normal eingebunden. Bisher sieht es bei mir auch ganz oke aus, bei euch auch?

Bei mir ist jetzt nur das Problem, dass das Schlussbild kommt und darunter befindet sich noch ein Stück von dem zweiten Bild

Lg