外部cssでの表作成についての質問です。

質問

メモ帳でホームページを作っているものです。
　外部cssで表を作っているのですが、表自体のの配置をIE9(Fairfaxやchromeではうまくいきました)で左右中央ぞろえにすることができなくて困っています。
　様々なサイトを参考にさせてもらっているのですが、それぞれ主張していることが違っていたりしてよくわかりません。

htmlは
<div class="sample">
<h4>更新中</h4></div>

cssは
.sample {
display: table-cell;
margin-left : auto;
margin-right : auto;
text-align: center;
width: 790px;
height: 70px;
vertical-align: middle;
background:#ffffff;
border-style: solid;
border-width: 12px;
border-color:#bbdbf3;
}

.sample h4 {
display: inline-block;
text-align: left;
}
で、IEでは左寄りになってしまいます…　
どなたかご教示お願いします。

回答No.1

startingover_04

div要素のようなブロックレベル要素をセンタリングするには「text-align」は使いません。
ご注意ください。
http://www.css-lecture.com/log/css-beginner/026.html