Afficher/cacher du texte

Bonjour,

J’utilise un script pour afficher/cacher du texte, il fonctionne parfaitement mais j'aimerai changer le bouton par un lien texte, et je ne vois pas comment procéder... Merci de votre aide :

<button type="button" onclick="toggle_div(this,'id_du_div');">Afficher</button>
<div id="id_du_div" style="display:none;"><br />
<div style="text-align:justify;"><small><span style="font-family:arial,helvetica,sans-serif;">Phrase.<br />
Phrase.<br />
Phrase.<br />
</div>
<script type="text/javascript">
function toggle_div(bouton,id) {
var div=document.getElementById(id);
if(div.style.display=="none") {
div.style.display="block";
bouton.innerHTML="Cacher";
} else {
div.style.display="none";
bouton.innerHTML="Afficher";
}
}
</script>

Comme ça:

<a href="#" onclick="toggle_div(this,'id_du_div');">Afficher</a>

Merci, ça marche nickel !

En fait ça marche nickel sur tout les navigateurs, sauf sur Internet Explorer, quant je clic sur le lien (ex-bouton), il disparaît et pour le faire réapparaître, je dois cliquer dans le vide.

J'ai trouvé le bug, la couleur de alink= doit être différente de la couleur du fond de la page.