Menu dépliable

Référence gardée envers les pros du design CSS3 que vous êtes, moi l'un amateur, je viens vous demander un petit conseil.

Pour animer un menu classique :

<div id="menu">
	<ul>
		<li><a href="">Menu 1</a>
			<ol>
				<li><a href="">Sous-menu 11</a></li>
			</ol>
		</li>
		<li><a href="">Menu 2</a>
			<ol>
				<li><a href="">Sous-menu 21</a></li>
				<li><a href="">Sous-menu 22</a></li>
			</ol>
		</li>
		<li><a href="">Menu 3</a>
			<ol>
				<li><a href="">Sous-menu 31</a></li>
				<li><a href="">Sous-menu 32</a></li>
				<li><a href="">Sous-menu 33</a></li>
				<li><a href="">Sous-menu 34</a></li>
			</ol>
		</li>
	</ul>
/div>

J'applique une feuille de style qui, lors du survole du menu par la souris, déplie les sous-menus (alsacreations,com me fut indispensable). Voyez la page d'exemple pour illustrer mon propos : http://michel.pageperso.free.fr/d_webdesign/wd_code_depliable.php

Mon soucis, c'est que cela fonctionne parfaitement avec Chrome, mai point avec Firefox et Opéra (Explorer c'est habituel) pourtant, j'ai utilisé tous les conseils de vos tutos, forums divers, sans oublier l'ajout des -webkit- -moz- -ms- encore obligatoire...

Bonjour.
Cela fonctionne avec firefox 10.0 et safari 5 sous mac

Cependant, dans firefox j'ai les sous-menu sans les animations. Dans safari j'ai des animations, même si c'est une horreur de surplus d'effets visuels lents. On se croirait de retour aux sombres âges des sites sous flash . Plus sérieusement, une animation sur un menu ne devrait pas impatienter le visiteur jusqu'à ce qu'elle soit finie...