Hintergrundbild (div) bei hover ändern

[jjhh]

Das mit dem Code übe ich nochmal...
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>