Probleme avec a:hover sous IE et sous Opera

Bonjour à tous,

J'ai un problème d'exécution du a:hover sous IE 8, qui ne prend pas du tout en compte le hover et sous Opéra 10.60 qui ne prend pas en compte le hover pour mon dernier lien uniquement, là , je ne comprend vraiment pas pourquoi.

Voila le code html :

<div id="menu">
	<table>
		<tr>
			<td><img src="img1.png" alt="img1" /></td>
			<td><a href="./test.html">Menu1</a></td>
		</tr>
		<tr>
			<td><img src="img2.png" alt="img2" /></td>
			<td><a href="./test.html">Menu2</a></td>
		</tr>
		<tr>
			<td><img src="img3.png" alt="img3" /></td>
			<td><a href="./test.html">Menu3</a></td>
		</tr>
		<tr>
			<td><img src="img4.png" alt="img4" /></td>
			<td><a href="./test.html">Menu4</a></td>
		</tr>
		<tr>
			<td><img src="img5.png" alt="img5" /></td>
			<td><a href="./test.html">Menu5</a></td>
		</tr>
		<tr>
			<td><img src="img6.png" alt="img6" /></td>
			<td><a href="./test.html">Menu6</a></td>
		</tr>
	</table>
</div>
<!-- fin de la div 'menu' -->

et voila le code css :

#menu{
	width : 170px;
	height:184px;
	background : url("./fond-menu.png");
	opacity : 0.8;
	/* for IE */
  filter:alpha(opacity=80);
	position : absolute;
	top : 38px;
	left : 0px;
	z-index : 2;
}

#menu table{
	margin-left : 10px;
	border :0px;
}

#menu td{
	font-variant : small-caps;
	line-height : 25px;
	font-size : 12px;
}

#menu a{
	text-decoration : none;
	color : #7A7067;
}

#menu a:hover{
	color: #000000;
	font-weight : bold;
	white-space : nowrap;
}

Si quelqu'un pouvait m'éclairer...
Modifié par elkastor (29 Jul 2010 - 14:15)

Hello

je viens de tester ton bout de code dans IE8 et Opera 10.6, aucun souci au survol le lien passe bien en noir (#000000) et en bold sur tous les liens. Étrange. Tu as une page en ligne peut être ?

Hello,

En passant, une liste...pour une liste de liens, non ?

Je dis cela, je ne dis rien

Cdt,
Sylvain