Saludos!!

Amigos les comento, estoy haciendo una aplicacion, y estoy con unos cuadros de texto, fijense en la siguiente imagen:



y pues lo que quiero es aplicarles propiedades de css, de modo que quede bien formado, con sus medidas entre cada box, ahora fijense, cuando le ingreso mas texto se desordena completamente, miren la siguiente imagen:



 que puedo hacer, que propiedades de css uso.... aqui les dejo el css que estoy aplicando:

.opciones{  
	margin-top: 2em;
    margin-bottom: 5em; 
    margin-left: 1em;
    margin-right: 5em; 
    padding: 5px;  
    font-size: 15px;    	
    text-decoration: none;
    overflow: scroll; 
    width: 5%; 
    height: 100px;
 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 
    outline: none;  
	background-color: white;
    background: -moz-linear-gradient(#bcbcbe,  #ffffff);  /*Degradado*/
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;  
    border-radius: 3px;  
    border: 1px solid #b6c3f8;  /*Color del borde del box*/
    -webkit-box-shadow: 1px 1px 0px #5370e1;  /*Sobra del Box para firefox*/
    -moz-box-shadow: 1px 1px 0px #5370e1;  /*Sobra del Box para chrone, safari*/ 
    box-shadow:  1px 1px 0px #5370e1;  /*Sobra del Box*/
}
 

Gracias!!!

itzg3, me funciona,;!!!!! tan sencilla y eficaz tu respuesta.... Gracias!!!!