Problème de menu avec IE...

Bonjour,

J'aimerais vous soumettre un petit problème que je rencontre sur un site dont je dois m'occuper.

Le menu est parfaitement affiché sous FF :
http://imagik.fr/images/viu1176833498b.gif

Mais pas sous IE :
http://imagik.fr/images/opt1176833557s.gif

Voici le code CSS :

/* menu: image de fond */
.menu {
	width:		100%;/*hidden*/
	border:		0px;/*hidden*/
	padding:	0px;/*hidden*/
	margin:		0px;/*hidden*/
	background:	url('/images/template2-lignedessous.gif') repeat-x bottom left;
}

/* menu: style des liens */
.menu .sel a, .menu .sel a:visited, .menu .sel a:active,
.menu .other a, .menu .other a:visited, .menu .other a:active {
	color:				#ffffff;
	text-decoration:	none;/*hidden*/
}

/* menu: propriétés des éléments */
.menu div {/*hidden*/
	text-align:		center;
	float:			left;
	padding:		5px 10px 5px 10px;
	white-space:	nowrap;
	margin:			1px;
}

/* menu: séparateur barre de recherche */
.menu div.clear {/*hidden*/
	float:		none;
	clear:		both;
	padding:	0px;
	margin:		0px;
}

/* menu: couleur du texte de l'onglet d'accueil */
.menu .home a {
	color:	#003366;
}

/* menu: propriété de l'onglet sélectionné */
.menu .sel {
	font-size:			1em;/*hidden*/
	font-weight:		bold;/*hidden*/
	color:				#ffffff;
	background-color:	#999933;
}

/* menu: propriété des autres onglets */
.menu .other {
	font-size:			1em;/*hidden*/
	font-weight:		bold;/*hidden*/
	color:				#ffffff;
	background-color:	#006699;
}

/* menu: séparateur d'onglets */
.menu .sep {/*hidden*/
	width:			1px;
	padding:		5px 1px 5px 1px;
	margin:			1px;
}

Et le code HTML :

<div class="menu">
		<div class="home"><a href="#">Accueil</a></div>
			<div class="sep">&nbsp;</div>

			<div class="other"><a href="/photo_video/">Photo - Vidéo</a></div>
			<div class="sep">&nbsp;</div><div class="other"><a href="/tv_video/">TV - Vidéo</a></div>
			<div class="sep">&nbsp;</div><div class="other"><a href="/hifi_son/">Hifi - Son</a></div>
			<div class="sep">&nbsp;</div><div class="other"><a href="/informatique/">Informatique</a></div>
			<div class="sep">&nbsp;</div>
			<div class="clear"></div>
		</div>

<div class="menubar">
			<div class="path">
                        Accueil
			</div>
			<form method="get" name="search" action="#">
			<input type="hidden" name="c" value="" />
			<div class="search">
				<input type="text" name="s" size="25" maxlength="30" class="field" />
				<input type="image" src="/images/recherche.gif" width="135" height="22">			
			</div>
			</form>
</div>

Normalement, tout est là, non ? Je dois dire que je suis un peu perdu... Est-ce que quelqu'un voit quelque chose ?

Merci beaucoup !

Bonjour,

Un petit lien peut être ...