JS problème de display sous firefox

Bonjour,
je souhaite faire apparaître une zone de texte lors d'un clique sur un lien (classique...) en javascript.

Sous IE (oui IE...) pas de problèmes mais sous firefox le bloc ne s'adapte pas quand le textarea apparaît.

Hum c'est pas très clair donc voici l'adresse où vous pouvez observer le problème : http://bloglob.fr/gaetanwindels/

Si vous cliquez sur commenter sur le premier article vous verrez le problème...
Le deuxième bloc est ce que je veux arriver à faire une fois qu'on a cliqué sur commenter.
Si vous avez une idée je suis preneur car là je suis bloqué...

Le bout de code HTML/JS :

<div class="contenu_bg">
<div class="haut_contenu">
</div>
<div class="contenu">
<p><span class="auteur">Auteur : <?php echo(($donnees['auteur'])) ;?></span>
<span class="date">Date : <?php echo(($donnees['date'])) ;?></span><br/><br/><br/></p>

<p><?php echo(nl2br($donnees['contenu'])) ;?></p><br/><br/>

<a style="margin-left:200px" href="index.php">Voir les commentaires(35)</a>
<a onclick="document.getElementById('textarea').style.display = ''">Commenter</a>
<textarea class="area" rows="10" cols="50" id="textarea" style="display:none"></textarea>
</div>
<div class="bas_contenu">
</div>
</div>

Je vous remercie d'avance.