ciao a tutti.

ho un box con dentro altri due box. i box interni hanno entrambi float left, il box contenitore ha uno sfondo e altezza 100%.

con mozilla come faccio che questo box contenitore sia piu' grande dei due box interni e non si afflosci dietro?

codice:
#content{ /*box contenitore*/
	position: relative;
	background: #D9D9F6;
	text-align: left;
	height: 100%;
	padding: 50px 5px;
	margin: 0px;
}

#text { /*box sinistro*/
	float: left;
	background: #990000 url(images/redtab.gif) no-repeat left top;
	width: 450px;
	padding: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 430px;
}

.rightbox { /*box destro*/
	width: 260px;
	float: left;
	padding: 10px;
	background: #6666CC;
	margin: 0px 0px 10px 30px;
	text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 240px;
}