transition height

Salve a tutti vorrei realizzare la seguente cosa:

Codice HTML:

---

<div id=contenitore>
<div onclick="show()">trama</div>
<div id=contenuto></div>
</div>

---

la funzione show() fai in modo di inserire (dopo il click) tramite un innerHTML delle scritte nel div contenuto, aumentando dunque l'height del contenitore.

Come devo fare per avere un effetto di transizione?

Ho pensato ai CSS:

Codice:

---

div#contenitore{
transition:height 2s;
-moz-transition:height 2s; /* Firefox 4 */
-webkit-transition:height 2s; /* Safari and Chrome */
-o-transition:height 2s; /* Opera */
}

---

ma senza risultati, probabilmente perché non è specificato l'height né prima né dopo (non l'ho fatto perché deve essere automatico, in quanto non so a priori la lunghezza delle scritte).

Grazie mille a priori.