✔ document.getElementById(ID).style.background-image:url(Image) bewirkt nichts :(

[Jabba-deHut]

Hallo,
ich bin recht frisch in JS, also bitte nicht gleich beißen.
Ich möchte auf meiner Homepage das Menü optisch aufpeppen.
Dazu möchte ich gerne bei dem Menüpunkt über dem sich der Curser befindet das Hintergrundbild ändern. Da die Grafik aber so zu abgehackt wirkt, muß auch der Hintergrund der links und recht nebenan liegenden divs geändert werden.

Bsp:

_________   _________   _________   _________   _________    <--- kein cursor

_________   aaaaaaaaa   XXXXXXXXX   bbbbbbbbb   _________    <--- cursor über X

Dazu hab ich mir gedacht, ich gebe erstmal allen per CSS ein background-img und schreibe mir ein JS das dieses dann entsprechend ändert, doch leider bleibt die Änderung aus.
Hat jemand einen Tipp was ich falsch mache?

<script type="text/javascript">
function menuetest(IdLinks,ImgLinks,idMitte,ImgMitte,IdRechts,ImgRechts){
 document.getElementById(IdLinks).style.background-image:url(ImgLinks);
 document.getElementById(IdMitte).style.background-image:url(ImgMitte);
 document.getElementById(IdRechts).style.background-image:url(ImgRechts);
}
</script>

<div id="MenuId1" class="klassemitbg"
		onMouseOver="menuetest('MenuId1','/images/menub_hover_left.gif','MenuId1','/images/menub_hover_left.gif','MenuId1','/images/menub_hover_left.gif')"
		>XXXXXXXX</div>

Vielen Dank im Voraus.

 

[Gumbo]

JavaScript ist kein CSS. Es müsste wie folgt notiert werden:

document.getElementById(IdLinks).style.backgroundImage = "url(" + ImgLinks + ")";

 

[Jabba-deHut]

Danke, D:
hab da wohl den Wald vor lauter Bäumen nicht mehr gesehen.

hängt man an das
onMouseOver="...." noch ein ; gehts auch komplett

DANKE!