Ciao a tutti ho notato un problema con i miei <div>

Riassumendo brevemente ho:
- <div> wapper che contiente tutto
- <div> container che contiene solo due div affiancati
- <div> left e right che sono affiancati tra loro all'interno del container

Il mio problema è che quando il div left (right) a seconda dei casi deve "crescere" oltre l'altezza originaria...questo avviene nel modo sbagliato, ossia, crescono i <div> right left e container, ma il wrappper no.... eppure nel css ho dichiarato che wrapper abbia "height: auto ! important;"

Come fare?

Vi posto anche il codice css di questa parte:

codice:
#wrapper
{ 	
background-color:white; 	
border: 8px solid #E1E1E1; 	
margin-left:auto; 	margin-right:auto; 	
display:block; 	width: 85%; 	
height: auto ! important;    
margin: 0 auto 0px;   
min-height: 65%; 
} 
.wrapper
 { 	
background-image:url('font.gif'); 
background-repeat:repeat-y; 	
background-position:36%; 
} 
#left 
{ 	
width: 33%; 	
margin: 10 10 10 10; 	
float:left;
} 
#right
{ 
width:64%; 	
float:right; 
} 
#container 
{ 	
float:left; 	
width:100%; 
}
Come fare??

Ciao a tutti