2 images a coté

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