DIV visibile al click del mouse

[apusoft]

Salve,sto cercando di dare un aspetto di maggiore interattività ad un mio sito.
Su una pagina del sito gli utenti dopo aver letto l'articolo proposto possono lasciare un commento. Vorrei fare in modo che al click del link "Lascia un commento" apparisse un DIV prima nascosto in è presente il form di invio.
Il codice che ho usato è:
per dicharare il DIV:

<div id="commenta" class="hide">
 <form action="salva_commento.php" method="post">
  <textarea name="testo"></textarea>

  <input type="submit" value="Invia" />
 </form>
</div>

Per il link che lo attiva:

<script type="text/javascript">
function showCommenti() {
	boxCommenti = document.getElementById('commenta');
	boxCommenti.className = 'commenta';
}
</script>
...
Lascia un commento

Il CSS è definito così:

.commenta {
	position:relative;
	left:-150px;
	top:-20px;
	width:59px;
	background-color:#FFFF99;
}
.hide {display:none}

Funziona perfettamente su Opera e Firefox ma su IE sballa tutta la visualizzazione. Infatti il link "Lascia commento" (e quindi il DIV) sono contenuti in un DIV padre che di larghezza 100px. Quando viene mostrato il DIV "commenta" viene allargato anche il DIV padre rovinando tutta l'impaginazione.
Esiste un modo per far si che le dimensioni del DIV padre restino invariate anche su IE?

Grazie mille!

[felixsuperstar]

scusami non consoco la soluzione...però devo realizzare anche io un qualcosa di simile, con javascript disattivato come funge? ..poiché sto cercando una soluzione quanto più possibile usabile..

[apusoft]

Funziona bene. Infatti l'istruzione

Lascia un commento

fa sì che se JavaScript non è abilitato tutta la parte "onclick" viene ignorata e viene aperta la pagina "commenta.php"
Deve quindi essere prevista anche la versione tradizionale del form di invio (che è appunto nella pagina "commenta.php").

[felixsuperstar]

ottimo...io lo dovrei associare ad una galleria fotografica...

[apusoft]

up...
nessuno mi può aiutare con questo problema?