html - 画像を含むdivブロックを水平方向に中央揃えする方法は?

Question

画像 (Javascript によってそこに配置されたトランプ) を含む div ブロックを水平方向に中央揃えしようとしていますが、どういうわけか機能しません (画像はまだ左揃えです)。HTMLは次のとおりです。

<div id="dealerarea">
    <div id="dealercards">
    <!--Images by Javascript-->
    </div>
</div>

CSS は次のとおりです。

#dealerarea{
position:absolute;
width:100%;
height:96px;
top:15px;
}
#dealercards{
display: block;
margin-left: auto;
margin-right: auto;
}

私が間違っているのは何ですか？前もって感謝します！

編集: 内部 div に固定の「幅」を与えることはできません。これは、(カード画像の数に応じて) 毎回変更されるためです。