Probleme avec alignement des items d'un menu horizontal sous IE

**van___fanel** · 04/12/2007, 22h11

Bonsoir,

Des menus à base de CSS, en utilisant un systeme de liste (ul, li), j'en ai fait des paquets : )

Et pourtant, je bloque sur un problème sur lequel je n'avais jamais buté avant :

http://wir3d.net/sites/jeuxconcours/site/ (le problème ne survient que sous IE)

Le HTML qui génère le menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div id="menu">
    	<ul>
        	<li><a href="#">ACCUEIL</a></li>
            <li><a href="#">LES CONCOURS</a></li>
            <li><a href="#">PROPOSER UN CONCOURS</a></li>
            <li><a href="#">OUTILS</a></li>
        </ul>
    </div>

Et le CSS qui gere cette partie :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
/* MENU */
#menu {
position:absolute;
left:233px;
top:101px;
 
width:728px;
height:30px;
}
#menu ul {
margin:0px;
padding:0px;
list-style-type: none;
}
 
#menu a {
width:177px;
height:28px;
line-height:30px;
 
border:1px solid #a8a8a8;
background:url(img/menu_bg.gif) repeat-x;
vertical-align:middle;
 
margin-right:4px;
display:block;
float:left;
 
text-align:center;
 
text-decoration:none;
color:#5c5c5c;
font-size:12px;
}
 
#menu a:hover {
background:#DDDDDD; 
}
/* MENU END */

J'ai essayé de mettre des float:left; des display:inline; des margin et padding:0px un peu partout, rien n'y change.

Une suggestion ?

Merci d'avance.