Menu avec hover ne ftcionne pas sous IE

dragazor Messages postés 56 Statut Membre -  
dragazor Messages postés 56 Statut Membre -
Salut a tous,
j'ai créé un menu mais il ne fonctionne pas sous IE alors que sous firefox c'est impec. J'aimerais savoir si vous pouviez m'aider a résoudre ce pb, je vous mets le code et le css.

code:
<div id="menu" style="width:1024px;">
    		<ul style="margin:0; padding:0;">
        		<li>
    				<a id="accueil" href="?page=accueil"></a>
        		</li>
            	<li>
        			<a id="recup" href="?page=recup"></a>
            	</li>
            	<li>
       				<a id="session" href="?page=session"></a>
            	</li>
        		<li>
        			<a id="formation" href="?page=formation"></a>
           		</li>
            	<li>
        			<a id="contact" href="?page=contact"></a>
           		</li>
            	<li>
        			<a id="lien" href="?page=lien"></a>
         		</li>
      		</ul>
    	</div>
   	<div id="translation" align="center">
    	<img src="menu/translation.png" />
    </div>
    <div id="page" align="center" style="background-color:#FFF; width:1024px;">
    	<?php
			if (isset($_GET['page'])){
				$page=$_GET['page'];
			}
			else {
				$page='accueil';
				}
			switch ($page)
			{
				case "accueil":
					include("accueil/accueil.php");
					break;
				case "recup":
					include("recup/recup.php");
					break;
				case "session":
					include("session/session.php");
					break;
				case "formation":
					include("formation/formation.php");
					break;
				case "contact":
					include("contact/contact.php");
					break;
				case "lien":
					include("lien/lien.php");
					break;
				default:
					include("accueil/accueil.php");
					break;
			}
		?>
  	</div>

et le css:
@charset "utf-8";
/* CSS Document */
#menu a{
	border:none;
	margin:0;
	padding:0;
	display:block;
	}
#menu img{
	border:none;
	margin:0;
	padding:0;
	}
#menu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

a#accueil{
	background-image:url(menu/accueil.png);
	height:50px;
	width:170px;
	} 
a#accueil:hover{
	background-image:url(menu/accueil_hover.png);
	height:50px;
	width:170px;
	} 
a#recup{
	background-image:url(menu/recup.png);
	height:50px;
	width:170px;
	}
a#recup:hover{
	background-image:url(menu/recup_hover.png);
	height:50px;
	width:170px;
	}
a#session{
	background-image:url(menu/session.png);
	height:50px;
	width:170px;
	}
a#session:hover{
	background-image:url(menu/session_hover.png);
	height:50px;
	width:170px;
	}
a#formation{
	background-image:url(menu/formation.png);
	height:50px;
	width:170px;
	}
a#formation:hover{
	background-image:url(menu/formation_hover.png);
	height:50px;
	width:170px;
	}
a#contact{
	background-image:url(menu/contact.png);
	height:50px;
	width:170px;
	}
a#contact:hover{
	background-image:url(menu/contact_hover.png);
	height:50px;
	width:170px;
	}
a#lien{
	background-image:url(menu/lien.png);
	height:50px;
	width:174px;
	}
a#lien:hover{
	background-image:url(menu/lien_hover.png);
	height:50px;
	width:174px;
	}


Je vous remercie d'avance.
A voir également:

3 réponses

dragazor Messages postés 56 Statut Membre 5
 
Une petite réponse svp
0
kiyomasa Messages postés 331 Statut Membre 5
 
J'ai pas lu ton code, mais sache simplement qu'un lien en hover ne marche pas bien avec IE6 et à partir de la 7, y a tjs des petits bugs dans certains cas, ton problème n'est peut être pas possible à résoudre.

Après, j'ai pas regardé, hein peut être que quelqu'un pourra te le résoudre, en tout cas je te le souhaite :)
0
dragazor Messages postés 56 Statut Membre 5
 
Ok merci quand même, mais jtiens à préciser quand même que j'ai Internet Explorer 8. Dc voila, si quelqu'un peut m'aider.
0