[CSS] Problème avec mon menu

Mon problème est minime, mais j'aimerai bien le règler(comme tout problème

). Bon, mon problème est au niveau de mon menu, qui lui est en display inline. Lorsque je resize ma page(seulement sous IE) mon menu ne suit pas mon div principale, il reste sur place. je vous laisse mon code css et xhtml pour vous faciliter la vie.

Merci de votre aide!

#menu ul{
margin:0;
padding:0;
width:47.5em;
height:1.625em;
background-image:url(images/interface/interface_menu_background.gif);
background-repeat:repeat-x;
background-position:left;
}

#menu li{
display: inline;
list-style-type:none;
float:left;
position:relative;
margin:0;
padding:0;
}

#menu li a:link, #menu li a:visited{
padding:0.44em 0.96em 0.4em 0.96em;
background-image:url(images/interface/interface_menu_background.gif);
background-repeat:repeat-x;
background-position:left;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8125em;
color:#FFFFFF;
text-decoration:none;
font-weight:bolder;
}

<div id="menu">
<div id="menu_titre">
<h1>Clinique de Planning</h1>
</div>
<ul>
<li id="clinique"><a href="clinique.php">La Clinique</a></li>
<li id="service"><a href="services.php">Nos Services</a></li>
<li><a href="feuillets.php">Feuillets d'information</a></li>
<li><a href="nouveautes.php">Les nouveautés</a></li>
<li><a href="quiz.php">Quiz</a></li>
<li><a href="liens.php">Liens</a></li>
<li><a href="mailto:<?=$donnees['courriel']; ?>">Courriel</a></li>
<li><a href="accueil.php">Accueil</a></li>
</ul>
</div>

l'adresse temporaire du site est le www.plbabin.com/Clinique/accueil.php

Lors d'un resize de page sans actualiser

[CSS] Problème avec mon menu

Supprimer

Modérer

Signaler le message aux modérateurs