Ciao a tutti,

ho una pagina con dei div che formano 3 colonne, non riesco a fare in modo che le colonne di destra e sinistra abbiano i bordi ripetuti per l'intero testo occupato dalla colonna centrale.

html
codice:
<div id="corpo"> 
	
		<div id="colonna-1"></div>
		<div id="colonna-2">
		
		Mea culpa is a Latin phrase that translates into English as "my fault", or "my own fault". In order to emphasize the message, the adjective
		
		


		Mea culpa is a Latin phrase that translates into English as "my fault", or "my own fault". In order to emphasize the message, the adjective
		

		Mea culpa is a Latin phrase that translates into English as "my fault", or "my own fault". In order to emphasize the message, the adjective
		


		Mea culpa is a Latin phrase that translates into English as "my fault", or "my own fault". In order to emphasize the message, the adjective
		
        </div> 
		<div id="colonna-3"></div>
	
	</div>
CSS

codice:
#corpo {
	float: left;
	width: 900px;
   background-color: White;
	background-repeat: repeat-y;
}

#colonna-1 {
	float: left;
	width: 48px;
	height: auto;
	border-right: 1px solid #56554C;
	border-left: 1px solid #56554C;
}

#colonna-2 {
	float: left;
	width: 798px;
	background: White;
}

#colonna-3 {
	float: left;
	width: 50px;
	background: White;
	border-right: 1px solid #56554C;
	border-left: 1px solid #56554C;
}