Rotation sur des liens

bonjour,

je souhaiterais faire une rotation lors du passage de la souris sur des liens.

Sur firefox tout vas vas bien mais chrome et safari ne veulent pas en entendre parler.
La seule solution que j'ai trouver et de faire cette rotation sur des div et non des liens .
Si vous voyez une solution ...?
Merci
voila le code html et css

	<div id="nav">
		<ul>
		<li><a href="/contact.html">// Contact</a></li>
		<li><a href="/a_propos.html">// A propos</a></li>
		<li><a href="/images.html">// Images</a></li>
		<li><a href="/design.html">// Design</a></li>
		<li><a href="/architecture.html">// Architecture d'interieur</a></li>
		</ul>
	</div>

				#nav li a:hover{
					color:#333;
					background-image:url(/css/images/fond.jpg);
					border: 5px solid #fff;
						/*ombre sur le passage de la souris*/
					-moz-box-shadow: 1px 1px 12px #555; 
					-webkit-box-shadow: 1px 1px 12px #555; 
					box-shadow: 1px 1px 12px #555; 
						/* rotation au passage de la souris*/	
					 -moz-transform: rotate(-2deg); 
  					-webkit-transform: rotate(-2deg);
					-o-transform: rotate(-2deg);
					-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
				}

La transition est à mettre dans la classe NON hover

euh excuse moi mais en fait je ne comprends pas ce que tu veux dire....

Petit exemple :

a{
     -webkit-transition:all 0.3s linear;
}
a:hover{
     -webkit-transform:rotate(4deg);
}

ok je viens de comprendre ce que tu veux dire.

Mais cela ne résous pas mon probléme .

je ne souhaites pas faire de transition juste une rotation lors du passage de la souris.
et c'est la que ca passe pas.

l'ombre s'affiche bien mais pas la rotation....

ok c'est bon j'ai trouve une solution:
en transformant mon li en display:block la ca passe correctement les effets....
je comprends pas pourquoi mais ca marche

Ok ^^
Bah écoutes pour la rotation je ne vois pas de problème dans le bout de code que tu as donné.
As tu une URL à préciser?

nan pas d'url c'est du local pour l'instant.