Css et javascript capricieux

Bonjour,

J'ai un problème de css et de javascript. La fonction fonctionne (-_-') parfaitement sous opera, mais pas du tout sous IE et mozilla, où elle ne fait strictement rien.

Voici les codes:

html

<a href='#' onclick=\javascript:annexes();">Module d'annexes</a><br />
<span class='annexes' id='annexes' style='display:none;'>contenu</span>

javascript:

function annexes(){
	var doc=document.getElementById('annexes');
	if(doc.style.display=='none'){
		doc.style.display='block';
	}else if(doc.style.display=='block'){
		doc.style.display='none';
	}
}

Voilà, j'espère que quelqu'un pourra m'aider. J'ai déjà vu ce système fonctionner ailleurs, il n'y a pas de raison que ça ne le fasse pas ici. J'ai aussi exploré d'autres façons de faire, telle l'accès aux css via javascript (document.styleSheet), mais sans aucun succès. J'ai cru pouvoir le faire avec visibility, mais ça marche encore moins^^ je suis donc ouvert à toutes suggestions^^

Cordialement,

Smoke