j'ai un menu en bas de page qui se décale du cadre seulement dans FF, au moment du passage de souris. C'est comme si le menu n'était plus dedans ?
la page en question:
http://developpus.com/mvc/testCss.php
Code : Tout sélectionner
#piedPage {
}
#piedPage ul{
list-style: none;
text-align:left;
margin:10px 0px 10px 10px;
width:960px;
padding: 10px;
border-style:solid; /** bordure style piedPage **/
border-color:#BEF0A6; /** bordure couleur piedPage **/
border-width:3px; /** bordure largeur piedPage **/
background-color: #DBEFD1; /** fond couleur piedPage **/
font-family:'lucida grande',verdana,helvetica,arial,sans-serif; /** police type piedPage **/
line-height:180%; /** police interlgine piedPage **/
font-size:14px; /** police taille piedPage **/
display:block;
}
#piedPage ul li{
float: left; display:block;
}
#piedPage ul li a{
}
#piedPage ul li a:hover{
float: left;
}Code : Tout sélectionner
<div id="piedPage">
<ul>
<li><a href="?page=quiSommesNous">Qui sommes-nous?</a> - </li>
<li><a href="?page=contact">Contactez-nous</a> - </li>
<li><a href="?page=paiementSecuriser">Paiement sécurisé</a> - </li>
<li><a href="?page=conditionsGeneralVentes">Conditions générales de ventes</a> - </li>
<li><a href="?page=mentionsLegales">Mentions légales</a> - </li>
<li><a href="?page=catalogue">Catalogue</a></li>
<li id="carteCredit"><img src="img/icones/credit_cards.png" alt="Carte de crédits accepter" /></li>
</ul>
<div id="hautPage">
<span><a href="#">haut de page</a></span>
</div>
</div>