seitenhintergrundfarbe mit onMouseOver ändern

[janek]

hallo peter.
soweit binich auch schon gekommen. ich denk ja nicht nicht drüber nach und schreib einfach sofort hier rein.
also ich hab jetzt was geschafft. hab den mouseover direkt in den div geschrieben jetzt klappt es.

<div id="logo"
    onMouseOver="body.style.backgroundColor='black';"
    onMouseOut="body.style.backgroundColor='#70007b';">
    
    <img src="logo.png" alt="logo" id="coolio" />

</div>

aber nicht ganz so wie ich es mir vorgestellt hab.
ich würde es gerne nicht direkt ins html schrieben, und mein zweites problem ist das sich nicht der gesamte hintergrund ändert sondern nur circa die hälfte. und das versteh ich jetzt garnicht mehr.

danke für jede hilfe.