Pas le bon affichage au passage de la souris

**yule** · 12/12/2008, 09h36

Bonjour,

J'ai un petit menu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
  <div id="topnav">
    <ul>
      <li class="active"><a href="index.php/"><span>Index</span></a></li>
      <li><a href="pages.html"><span>Contact</span></a></li>
      <li><a href="styles.html"><span>Liens</span></a></li>
        </ul>
  </div>

Lors du passage de la souris sur ce menu avec Mozilla, Safari ou google chrome, ça fonctionne (la fleche est remplacé par une main qui indique un lien), avec internet explorer au passage de la souris ce n'est pas le cas.. à la place de la flèche j'ai un I qui s'affiche au passage de la souris ??

Qu'est qui pourrait faire bugger IE si sur les autres navigateur c'est ok ?

PS; en live ici : http://ramblingsoul.com/preview/tomodachi/ Le menu tout en haut

bout du code du css

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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
#topnav {background:url(images/topmenu.jpg) no-repeat;}
#topnav a{background:url(images/left.png) no-repeat left top;}
#topnav a span {background:url(images/right.png) no-repeat right top; color:#fff;}
#topnav .active a {color:#000;}
#topnav .active a span { color:#000;}
 
#topnav {width:560px; height:64px; float:left; padding-top:5px;}
 
 
/*SlidingDoor menu*/
#topnav ul {
	margin:0;
	padding:15px 10px 0 50px;
	list-style:none;
      }
    #topnav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topnav a {
      float:left;
      margin:0 1px 0 1px;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #topnav a span {
      float:left;
      display:block;
      padding:5px 15px 4px 6px;
      }
	#topnav .active a {background-position:0% -29px;}
	#topnav .active a span {background-position:100% -29px;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topnav a span {float:none;}
    /* End IE5-Mac hack */
 
 
    #topnav a:hover {
      background-position:0% -29px;
      }
    #topnav a:hover span {
      background-position:100% -29px; color:#000;
      }

D'avance merci de votre soutien !

(j'ai écrit il y a une semaine au concepteur de ce template sans réponse, c'est pourquoi je me permets de solliciter votre aide.

Yule