【CSS/HTML】ナビゲーションメニューについて

質問

【CSS/HTML】ナビゲーションメニューについて
http://pegoring.blog108.fc2.com/

・ボタンたちをコンテンツの幅に合わせる方法（左並びからセンタリングへ）を教えてください。
・ボタンにカーソルを合したとき（hover)にそのカーソルを合したときの高さと背景の高さが合いません。
・そのコンテンツの時にボタンの要素（色や背景など）を変更する方法を教えてください。（たとえば、Homeならチプページにいるときだけ、そのボタンだけ背景を変えるなど）
→Javascriptになるとおもいます。javascriptに詳しい方、こっちも教えていただけると幸いですorz。

画像を横幅いっぱいにrepeatさせて、中央にコンテンツを置くようにしたいんです。
オレンジの背景が横いっぱいに最後まで続き、ボタンはコンテンツの幅に揃えたいんです。

とにかく、リンクから実際に見てもらえば言いたいことのおおよそはつかんでいただけると思います。

回答No.1

grumpy_the_dwarf

センタリング
common/style.cssに、#menu ul のエントリが2カ所ありますね。最
初のところでは左右のマージンをautoにしているのでセンタリング
されますが、後の方でマージンがゼロで、チャラになってます。

hover時の高さ
Firefoxで確認出来ませんでした。もしかしたら古いIEで確認して
ませんか。ボックスの高さよりline-heightが高くなるときに、勝
手にボックスを拡大する現象を見た気がします。

色を変える
適当にクラスを設定しとくとか。

ついでに
スポーツや小ネタの子リストの幅が1200pxのままなので、親のliの
幅に合わせて100pxくらいを指定しませんか。

補足

修正しましたが、ボタンはコンテンツの幅にあいません。