Hintergrundbild (div) bei hover ändern

[jjhh]

Guten Tag liebe Helfer,
bin bei CSS & Co. noch relativ neu, daher bitte ich um Nachsicht.
Habe folgendes:
in einem <div> habe ich ein Navigationsmenü angelegt (als <ul>). Die einzelnen Buttons der Leiste sind Bilder, die sich bei a:hover ändern. Das war bis jetzt alles kein Problem.
Nun ist es aber so, dass ich bei a:hover auch das Hintergrundbild des <div> tags ändern möchte. Ist das irgendwie mit CSS möglich? Oder muss ich da Javascript hinzuziehen? GetElementbyID?
Wie müsste der Code dann aussehen?

Hier der bisherige Code (Auszüge):
``
#background
{
width: 880px;
height: 495px;
visibility: visible;
background-image: url(../Images/luftbalon.gif);
background-repeat: no-repeat;
text-align: left;
}
ul#Navigation {
    margin-top: 100px;
margin-left: 50px;
width: 140px;
padding: 0;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0;
padding: 0;
overflow:hidden;
width: 140px;
height: 20px;
}

ul#Navigation li a:hover {
position: relative;
top:-20px;

}
``
<div id="background">
   <ul id="Navigation">
    <li><a href="#"><img src="Images/Navigationsleiste/Home_neu.png" border="0"></a></li>
    <li><a href="#"><img src="Images/Navigationsleiste/Text_neu.gif" border="0"></a></li>
    <li><a href="#"><img src="Images/Navigationsleiste/übersetzung_neu.gif" border="0"></a></li>
  </ul>
 </div>

Vielen Dank für Eure Hilfe!
Grüße
Julia