Esses tempos me deparei com um problema, eu tinha uma div que possuía duas outras dentro dela, algo como:
<div id=”centro”>
<div id=”menu”> </div>
<div id=”dir”> </div>
</div>
colocando “display: table” para a div centro, o meu conteúdo da direita estava sempre caindo para baixo do menu. A solução foi alterar para “display: block” que corrigiu a situação ( o roblema ocorria no firefox ).
E a lição que fica é: para que transformar uma div em tabela? A menos que seja realmente necessário, use display: block e evite problemas