[JS] - Menu déroulant

Bonjour, je souhaite faire un menu déroulant pour mon site Web, pour cela j'ai créer un Lien Index qui pointe vers une fonction JavaScript qui va me rajouter du texte juste en dessous...
voila mon code :

<a href="#" onclick="javascript:index()">Index<br /></a>

                    	<div id="sousliens3"></div>

et voici le code JavaScript qui va avec :

function index(){

	if (document.getElementById('sousliens3').textContent!='')

		document.getElementById('sousliens3').innerHTML='';

	else

		document.getElementById('sousliens3').innerHTML="<div id=\"menu_sous\"><ul><li>La réalité</li><li>Le virtuel</li><li>La réalité-virtuelle</li></ul></div>";

}

Donc en gros le principe c'est que j'ai créer une DIV vide que je remplirait avec un innerHTML lorsque je vais cliquer et que je vais vider lorsque je recliquerais (pour remasquer le menu)...

En théorie sa marche trés bien, et même en pratique puisque sa fait ce que je veux, ou presque...
Évidement Internet Explorer sera toujours pour nous casser les ****...

mon script marche parfaitement sur chrome et firefox, mais sur IE il ne se passe rien quand je clique...

quelqu'un peut m'aider?
merci d'avance,
Fab