le css :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
ul li {
       margin-left:-13px;
       float:left
}
 
li#menu1 {
	width:97px;
	z-index:100;
}
 
li#menu1 a{
	background:url(../images/menu_1.gif) top left no-repeat;	
}
 
li#menu1 a:hover{
	background:url(../images/menu_1_f2.gif) top left no-repeat;	
}
 
li#menu2 {
	width:141px;
	z-index:1;
}
le bout du html

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<ul>
		<li id="menu1"><a href="#"><img src="images/spacer.gif" /></a></li>
		<li id="menu2"><a href="#"><img src="images/spacer.gif" /></a></li>
		<li id="menu3"><a href="#"><img src="images/spacer.gif" /></a></li>
		<li id="menu4"><a href="#"><img src="images/spacer.gif" /></a></li>
	</ul>
le probleme c'est que le li#menu1 reste tjrs en dessous de li#menu2

y a t il une solution

merci