J'ai pris un menu sur CSSplay (ici) celui du bas. Sur le site il est tout beau, centré avec firefox et IE. Mais impossible de le centré avec IE sur mon site.... Je comprends pas, j'ai pourtant copier le même code...

le menu :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<div class="menu_principal">
	<del class="container">
	<ul id="menu2">
		<li><a href="#nogo">Accueil</a></li>
		<li><a href="#nogo">Groupe</a></li>
		<li><a href="#nogo">Agenda</a></li>
		<li><a href="#nogo">Médias</a></li>
		<li><a href="#nogo">Galerie</a></li>
		<li><a href="#nogo">Presse</a></li>
		<li><a href="#nogo">Contact</a></li>
	</ul>
</del>
</div>
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
24
25
26
27
28
29
30
31
32
33
 
#menu2 {
  display:table;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  white-space:nowrap;
  }
#menu2 li {
  display:table-cell;
  }
* html #menu2 li {
  float:left;
  }
#menu2 a {
  width:auto;
  display:block;
  padding:4px 16px;
  color:#fff; 
  background:#08c; 
  border:1px solid #fff; 
  text-decoration:none;
  }
* html #menu2 a {
  float:left;
  }
#menu2 a:hover {
  color:#000; 
  background:#d4d4d4;
  }
 
.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}
Plus encore ça dans mon head :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<!--[if IE]>
		<style type="text/css">
		#menu2 li {
		  float:left;
		  }
		#menu2 a {
		  float:left;
		  }
		.container {display:inline-block;}
		</style>
		<![endif]-->
Et un ptit lien vers le site : ici