html - 動的 div を中央に配置するにはどうすればよいですか?

Question

この質問が回答されているかどうかはわかりませんが (おそらく回答されていると思います)、この動的な div をどのように中央に配置しますか?

#two(自分自身を の中間位置に合わせたい#one。)

現在、私のjsFiddleはこれを行っています: http://jsfiddle.net/sE8Sc/4/

HTML :

<div id="one">
</div>
<div id="two">
        <a class="stuff">a</a>
        <a class="stuff">b</a>
        <a class="stuff">c</a>
</div>

CSS :

#one { width:100%; height:200px; background-color:#222; float:left; }
#two { text-align:center; float:left; }
.stuff { width:20px; height:20px; background-color:#444; margin:0 5px; float:left; }

試してみましたがmargin:0 auto;、text-align:center;まだサイコロがありません。リストに別のものを追加したい場合、位置がずれてしまうため、定義済みmarginの likeを宣言することは考えていません...margin:0 41%;<a class="stuff">

誰？これはおそらく、私が理解できない単純な位置決めエラーです。

編集：私は周りを見回していました.Nivo Sliderによるこのデモを見ました.