Boucle javascript sur un element LI

Bonjour,

je voudrai faire afficher un backgroud image au survole de la souris sur mon menu sur IE 6.
j'ai réussi à faire le script , mais ça ne marche que pour la premiere LI et non pour les autre, je pense qu'il faut faire une boucle, mais je sais pas cmt procéder!

voiçi mon code JS:

function addListener(o, e, f) {
	if (o.addEventListener) {
		o.addEventListener(e, f, false);
	} else {
	
		o.attachEvent('on' + e, f);
	}
} // addListener

function afficherDiv() {
	document.getElementById('sousitem').style.background = 'url(images/interne_menu4.jpg)';
	
      
} // afficherDiv

function masquerDiv() {
	document.getElementById('sousitem').style.background = 'none';
} // masquerDiv

function creerGestionnaires() {
	var lien = document.getElementById('sousitem');
	addListener(lien, 'mouseover', afficherDiv);
	addListener(lien, 'mouseout', masquerDiv);
	 // variable globale
} // creerGestionnaires

et mon code html:

 <ul id="navigation">  
        <li style="position: static;" class="toggleSubMenu">
			<span class="li_racine">Fil d'infos</span>
			<div class="subMenuContainer">
				<div class="subMenuContainer_interne">
					<ul class="subMenu">
						<li id="sousitem"><span>Item 2.1</span></li>
						<li id="sousitem"><span>Item 2.2</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
						<li id="sousitem"><span>Item 2.3</span></li>
					</ul>
				</div>
			</div>
        </li>
    </ul>    

merci.

Configuration: Windows XP / Firefox 3.6