Alinhar objetos em baixo com display:table-cell

[Rafael Laurindo]

Pessoal, estou usando o display:table-cell para alinhar objetos verticalmente, mas tem um problema, ele coloca todas as divs pertencentes a ela, uma do lado da outra, como faço para mudar isso? Gostaria de colcoar em baixo.

[fantasma]

Tem como colocar o cod pra dar uma olhada ??

[Rafael Laurindo]

Vou colocar um código fictício do problema, beleza?

<div style="display: table-cell; vertical-align: bottom">test</div>
<div style="display: table-cell"></div>

As divs ficavam uma do lado da outra. Resolvi assim:

<div style="display: table-cell; vertical-align: bottom">test</div>
<div style="display: table-cell"></div>

Se tiver uma forma melhor de resolver, por gentileza, me informe.

Editado Outubro 5, 2010 por Rafael Laurindo

[*FIT*]

clear: both não resolve?

[Rafael Laurindo]

Infelizmente o clear:both não funcionou.

<div style="display: table-cell; vertical-align: middle; height: 100px; width: 100px; border: solid 1px;">test</div>
<div style="display: table-cell; vertical-align: middle; height: 100px; width: 100px; border: solid 1px; clear: both;">test</div>

Mais um problema que aconteceu usando display:table-cell, foi que o margin não funciona. A div fica "ica" e não se mexe. Testa aí por gentileza.

Editado Outubro 6, 2010 por Rafael Laurindo