[css] automatyczne dopasowanie sie szerokosci diva

Witam,

mam div content. W tym divie znajduja sie trzy divy, pierwszy ma szerokosc 5px drugi chce aby mial maksymalna szerokosc trzeci ma 5px, divy te w sumie maja miec szerokosc rowna div'ovi content. Zrobiłbym to na sztywno, ale div content bedzie zmienial swoj rozmiar, wiec chce, aby ten w sodku automatycznie sie dopasował. Wie ktos jak to zrobic ? bede wdzieczny o te pare linijek css'a, pozdrawiam serdecznie

<style>
div {
	font:8pt verdana;
}

#container {
	background-color:rgb(200,200,200);
}

#left {
	overflow:hidden;
	width:5px;
	float:left;
	background-color:rgb(100,100,100);
}

#center {
	margin-left:5px;
	margin-right:5px;
	background-color:rgb(180,180,180);
}

#right {
	overflow:hidden;
	width:5px;
	float:right;
	background-color:rgb(100,100,100);
}
</style>
<div id="container">
    <div id="left">&nbsp;</div>
    <div id="right">&nbsp;</div>
    <div id="center">Jakis tekst w srodku</div>
</div>