Несколько div в ряд

[Kenshi24]

Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область?

Вот мой вариант, но он глючит (С заезжает на B ):

HTML:

<div class="main">
   <div class="a">div class=a</div>
   <div class="b">div class=b</div>
   <div class="c">div class=c</div>
</div>

CSS:

.main{
	padding: 1em;
	overflow: hidden;
	border: 1px solid black;
}
.a{
	padding: 1em;
	border: 1px solid black;
	float: left;
}
.b{
	padding: 1em;
	border: 1px solid black;
	float: left;
}
.c{
	padding: 1em;
	border: 1px solid black;
}

Edited May 19, 2012 by Kenshi24

[chocolate_moles]

.a, .b{

float: left;

}

.c{

overflow: hidden;

}

Edited May 21, 2012 by chocolate_moles