html-lists - コンテナ内の ul リストを中央に配置しようとしています... li a のスプライト

Question

こんにちは、私はウェブサイトを開発しています....私の2番目のサイトで、ulをdivの中央に配置しようとしています。アンカータグにアイコンを配置し、スプライトの使用に背景の位置を使用したい....問題はその方法ですul を div 内または ul 内の中央に配置するように設定できますか... ここに私のコードの例:

http://jsfiddle.net/kowen/wAdf3/1/

ここにコードがあります: (html)

<div id="container">
<ul>
    <li><a class="fbicon" href="#">hola 1</a>

    </li>
    <li><a class="twttricon" href="#">hola 2</a>

    </li>
    <li><a class="sndcloudicon" href="#">hola 3</a>

    </li>
    <li><a class="emailicon" href="#">hola 4</a>

    </li>
</ul>

そしてCSS：

    #container {
    width: 400px;
    height:400px;
    text-align: center;
    background-color:gray;
}
#container ul {
    display: inline-block;
}
#container li {
   /* float: left;*/
    height: 33px;
    line-height: 30px;
    text-indent:-999em;
}
#container li a {
    width:32px;
    height:32px;
    background-image:url(http://www.testcloud.com.ar/social-icons.png);
}
a.fbicon {
    background-position:-5px center;
}
a.twttricon {
    background-position:-42px center;
}
a.sndcloudicon {
    background-position:-111px center;
}
a.emailicon {
    background-position:-148px center;
}

私はいくつかのレシピを試しましたが、どうすればそれができるのかわかりません....どうすればaをブロックとして表示して、画面に完全なアイコンを表示できますか??? よろしくお願いします。挨拶