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

[Kenshi24]

Как сделать несколько div'ов, в ряд, так, чтобы А и С были определенного размера, а 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,.b,.c{
	padding: 1em;
	border: 1px solid black;
}
.a{
	width: 10em;
	float: left;
}
.b{
        overflow: hidden;
}
.c{
	width: 10em;
	float: right;
}

Edited May 31, 2012 by Kenshi24

[Yazon_Nile]

.c по потому раньше .b поставь и будет тебе счастье

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

Edited May 31, 2012 by Yazon_Nile

[Kenshi24]

.c по потому раньше .b поставь и будет тебе счастье

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

Спасибо, помогло

[Sensei]

Только правильней будет не overflow пользоваться, а margin, на ширину плавающих блоков.

Edited May 31, 2012 by Sensei

[Yazon_Nile]

Обоснуй, плз) Интересно.

[Sensei]

это я заговорился, значения маржин положительные, конечно.

[Yazon_Nile]

Да я понял о чем ты) Интересно, почему огромные значение маржинов правильнее обычного оверфлоу?