2 image a cote

Bonjour,
J'ai un problème, j'ai réussi pour les deux image en haut, mais je n'arrive pas a faire pareil pour ceux d'en bas !

XHTML:

<div id='menu'>
 <div class="element_menu">
	<div id="menu2" style="margin: 0; padding: 0; float: left; width: 40px; height: 40px;"> </div><div id="menu3" style="margin:0;padding:0;width:40px;height:40px; float:right;">  </div><br /><br /><div id="menu4" align="center"> </div>
	
	<ul >
                   <li>image</li>
                   <li>vidéo</li>
                   <li>mes tuteurs</li>
		           <li>plus...</li>
	
  </ul ><br /><br />
 <div id="menu2" style="margin: 0; padding: 0; float: left; width: 40px; height: 40px;"> </div><div id="menu3" style="margin:0;padding:0;width:40px;height:40px; float:right;">  </div>

 </div>
 </div>
 <br />

et le css, j'ai repris ceux des deux image que j'ai mis en haut:

#menu2
{
 width: 500px;
   height: 80px;
   background-image: url("menu.gif");
   background-repeat: no-repeat;
   background-position: left;
}

#menu3
{
 width: 140px;
 height: 80px;
 background-image: url("menu.gif");
 background-repeat: no-repeat;
 background-position: right;
}

ps: ce qui est en gras dans le xhtml c'est les 2 image qui c mette en bas du cadre.
va voir http://vistlip.free.fr