Ciao a tutti,
vi espongo il problema al quale non riesco a trovare una soluzione.
Allora, ho un elemento div contenitore, e dentro questo div è presente un input tag che permette di inserire un numero che specifica a quante persone voglio mandare una email.

codice:
<form name="send" id="invitation" action="">
Numero invitati: <input type="text" id="inviti_id" name="inviti" size="2" value=""/>
In base a quale numero inserisco, mi appariranno sullo schermo (tramite javascript) tanti input tag in cui andrò ad inserire i vari indirizzi email.

Ora, capite che è un cmportamento dinamico questo, quindi io vorrei che il mio div si allungasse dinamicamente in base a quanti indirizzi email inserisco. Invece, se inserissi ad esempio 20 email, i vari input tag sforano il div.

Di seguito è riportato il css per il div in questione.

codice:
div.contentData{ 	
margin-top: 9.5%; 	
width: 70%; 	
height: 80%; 	
float: left; 	
padding-left: 5%; 	
background-image:url(images/prova.jpeg); 	
background-size: 100% 100%;
background-attachment: fixed; }
Spero di essere stato chiaro, e spero in vostro aiuto
Grazie di cuore