Bonjour à tous,

Alors voilà mon soucis, j'ai une main bar de 25px de hauteur avec à gauche un div qui m'affiche le chemin de la page courante et à droite un div contenu mon menu avec ses sous-menus. Voir le site

Je test sous ie-7 et j'ai toujours 5px entre chaque sous-menu alors que j'ai mais les margin et padding à 0 :/ Je comprend pas !

Voici mon code :

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
#main-bar {
	width: 950px;
	height: 25px;
	position:absolute;
	bottom:0;
	background-color: #333;
	line-height: 25px;
	padding:0 15px;
}
 
	#menu { margin: 0; list-style: none; height:25px; float:right; }
	#menu li { float:left; position:relative; margin: 0 0 0 10px; line-height:25px; }
	#menu li a { float:left; height:25px; line-height:25px; display:block; color:#FFFFFF; text-decoration:none; font: 10px Arial, Helvetica; text-transform:uppercase; }
	#menu li:hover > a { color:#FFFFFF; }
	#menu li a:hover { color:#FFFFFF; }
 
	#menu li:hover > ul { display: block; }
	#menu ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; top: 25px; left: 0; z-index: 99999; }
	#menu ul li { float: none; margin: 0; padding: 0; display: block; background-color:#333; border-top:1px dotted #999; width:160px; }
	#menu ul li a { display: block; float: none; padding: 10px; height: auto; line-height: 1;  }
	#menu ul li a:hover { background-color:#444; text-decoration:none; }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<nav id="main-bar" role="navigation"><?php include(TEMPLATEPATH. '/breadcrumbs.php'); ?><?php wp_nav_menu( array('theme_location' => 'headermenu', 'menu' => 'Top', 'menu_id' => 'menu' )); ?></nav>

Merci de votre aide