liを横並びにするには
二つ方法がある
display:inline
float:left
こちらの方法では、センタリングするのに一工夫必要。position:relativeを使う方法がハックフリーでよさげ。
hail2u.net - Weblog - floatで並べたリストのセンタリング
↑は50%とかで指定してセンタリングしてたけど、IE6だとマウスオーバで色を変える溶かしたときにうまくいかなかった(マージンが倍になったり元に戻ったりして変な感じ)
↓を使ってきちんと数値を指定してセンタリングするのが一番かも
position:positionでボックス横並び - maeshimaの日記