Problema com estruturamento de div

galera, sou novo em tableless, estou começando agora, e achei MUITO interessante.

mas estou tendo algumas dificuldades, espero que consigam me ajudar:

o problema é que estou criando uma div de 3 colunas, onde as 1 e 3 colunas possuem valor fixo, e a div 2 (central), seja expansível, mas não está dando certo.

outra dúvida é em relação ao "clear:both", existe alguma outra forma de otimização desta função, alem da que eu utilizei em meu código? (pois sem ela, as outras divs criadas estariam sobrepondo a mesma.

se possível, me indiquem alguns sites para iniciação em tableless..

Obrigado!!

Segue o código.

<style>
.rounded {
	width:250px;
}
.top-left{
	background:url(sistem/login_bg1.gif) no-repeat; width:7px
}
.top-center {
	background:url(sistem/login_bg2.gif);
	width:100%;
}
.top-right{
	background:url(sistem/login_bg3.gif) no-repeat;width:7px
}
</style>

<div class="rounded">

<div class="top-left" style="float:left;"> </div>
<div class="top-center" style="float:left;">

texto

</div>
<div class="top-right" style="float:right"> </div>
<div style="clear:both"></div>
</div>