Centrera innehåll i div. Funkar i FF och IE6 men ej IE7.

Hej,
Jag har en div (tableCell) vari jag vill att innehållet ska centreras på sidan. I diven har jag två divar (kontaktLeftCol, kontaktRightCol) vari själva texten ska centreras. Det ser helt rätt ut i FF och IE6 MEN inte i IE7. Då hamnar hela diven table till vänster. Vad är fel??? :q

<div id="table">
  <div id="tableCell">
    <div id="kontaktLeftCol">
    </div>
    <div id="kontaktRightCol">
    </div>
  </div>
</div>

CSS:

#tableCell {
   display:table; /* Works for FF */
   margin: 0 auto; /* Works for FF */
   text-align:center;
}
#kontaktLeftCol {
   float:left;
   margin-right:20px;
   text-align:center;
}
* html #kontaktLeftCol { /* ie hack */
   width:50%;
   margin-left:40px;
}
#kontaktRightCol {
   float:left;
   margin-left:20px;
   text-align:center;
}