p2p.wrox.com Forums - CSS being weird, as per usual

I have this HTML

HTML Code:

<div id="containter>



 <div id="topRow">

 

 </div>

 

 <div id="bodyRow">

 

 </div>

 

 <div id="footerRow">

 

 <div id="footerTable">

 

 <div id="footerTableRow">

 

 <div id="footerLeftCell">

 Left Text

 </div>

 <div id="footerRightCell">

 Right Text

 </div>

 

 </div>

 

 </div>

 

 </div>

 

</div>

And my CSS turns that into display:table ETC the problem I'm having is that only in the footer row which is the same as the other rows - in the fact that there are sub tables and cells in those rows - the cells aren't sitting side by side. The other rows are working as expected and fine with sub tables and sub rows and sub cells, all displaying like a table should. As soon as it gets to this footer row, it just bloody gives up!