cambiare dimensioni di un DIV

[Mariastella1975]

Ciao a tutto, ho una riga di codice che non riesco a far funzionare e per questo chiedo un vostro consiglio.
Ho il seguente css:

#angoliquadro
{
    background: #CCDDEE;
    color: #336699;
    font: normal 12px verdana;
    width: 750px;
    padding: 20px 20px 20px 20px;
    border: solid 3px #336699;
}

poi ho il div in questione con del codice al suo interno

<div id="angoliquadro" style="position: absolute; left: 145px; top: 460px">
//codice
</div>

All'interno del div ho delle caselle di testo, che tramite javascript vengono nascoste o mostrate a seconda dell'occorrenza.
In quasto caso il div (che ha un bordo colorato) diventa o troppo piccolo a contenere le caselle di testo o troppo grande da lasciare troppo spazio in fondo.
Nella funzione javascript che gestisce la visibilità delle caselle di testo ho inserito una riga di codice che dovrebbe modificarmi l'altezza del div; questo è il codice:

document.getElementById("angoliquadro").style.height="2900px";

Purtroppo non funziona, il box rimane sempre della stessa grandezza.
Mi sapete dire dove sbaglio?
Grazie.
Ms.