[erledigt] bereich #left mit hintergrund füllen

[sepp_a_u]

hallo zusammen,

in meiner website habe ich ein layout mit header, left, main, footer. soweit, so gut:

http://beerpong.de/index.php/de/alle-produkte.html | test | test12.

da habe ich jetzt im left-bereich ein kleines menü, welches ich aber mit einer hintergrundgrafik füllen möchte. ist ja eigetnlich auch nicht so schwer:

#left {
    background: url("/tl_files/themes/beerpong/graphics/shopmenu.png") repeat-y scroll left top transparent;
}

nur möchte ich jetzt, dass der ganze left-bereich, sprich von ganz oben bis ganz unten gefüllt wird mit dem hintergrund und nicht nur dort, wo die menüpunkte stehen. gibt es dazu eine möglichkeit? mir fällt da irgendwie nichts ein. wenn ich den o.g. code nämlich einsetze mit firebug, dann wird nur bis zum letzten menüpunkt (weitere partyartikel) der hintergrund eingefügt. was sehr unschön ist. so würde das ganze recht abgehakt aussehen. daher will ich den hintergrund bis ganz nach unten - auf die höhte wo auch der hintergrund des produktes aufhört. wie kann ich das erreichen?


oder hat vll jemand noch eine andere gut-aussehende idee wie ich das menü für den shop gestalten kann, damit es einheitlich wirkt im auftritt der seite?

grüße u danke

[psren]

Einfach wie effektiv wäre die Möglichkeit

#container {
  background: url('ein bild mit grauem hintergrund und richtiger breite') repeat-y left top;
}

Das Bild kann auch nur ein paar Pixel hoch sein :-)