Voici ma page :

Feuille de style :
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
/* Feuille de style CSS */
 
body {
	text-align: center;
}
 
div#MenuBar {
	text-align: center;
	margin-left: auto;
        margin-right: auto;
}
 
div.Menu {
	display: inline;
	vertical-align: top;
	width: 15%;
}
 
div.RubriqueInactive {
	background-color: #55ff55;
	border: 1px solid black;
	width: 100%;
}
Code HTML:
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
<HTML>
  <HEAD>
    <LINK REL="stylesheet" type="text/css" HREF="style.css">
  </HEAD>
  <BODY>
    <DIV id="MenuBar">
      <DIV class="Menu">
        <DIV class="RubriqueInactive">TEST 1</DIV>
      </DIV>
      <DIV class="Menu">
        <DIV class="RubriqueInactive">TEST 2</DIV>
      </DIV>
    </DIV>
  </BODY>
</HTML>
Maintenant le problème :
Sous IE, pas de problème. il comprend bien l'instruction 'display: inline;' et il affiche bien les rubriques, l'une a coté de l'autre.
Sous FF, problème il affiche les rubriques l'une au dessus de l'autre et chacune occupe toute la largeur de la page.