CSSについての質問

質問

/** ナビゲーション */
#mainNavi {
width:740px; height:50px;
overflow:hidden;
margin-left:200px;
}
#mainNavi li, #mainNavi li.acitve {
float:left; padding-left:10px; margin-left:1px;
background:url(/images/navi.png) left 0px no-repeat;
}
#mainNavi a {
height:50px; display:block; line-height:50px; padding:0 13px 0 3px;
background:url(/images/navi.png) right 0px no-repeat;
color:#fff; font-size:13px; font-weight:bold; text-decoration:none;
}

#mainNavi li.active { background:url(/images/navi.png) left -10px no-repeat; }
#mainNavi li.active a { background:url(/images/navi.png) right -100px no-repeat; color:#fff; }

#mainNavi .wii li.active { background:url(/images/navi.png) left -50px no-repeat; }
#mainNavi .wii li.active a { background:url(/images/navi.png) right -50px no-repeat; color:#fff; }

#mainNavi .ds li.active { background:url(/images/navi.png) left -150px no-repeat; }
#mainNavi .ds li.active a { background:url(/images/navi.png) right -150px no-repeat; color:#fff; }

#mainNavi a:hover{
color:#ff0; text-decoration:underline;
}
#mainNavi li.active a:hover {
}

というCSSを使って、
下のようなホームページを作成しました。
http://www.nin-site.net/

すべて人から教えてもらったものなので、CSSは初心者です・・・。
そこで思ったのですが、
TOP・掲示板・メール等・・・
のメニューを、左寄りにすることはできないのでしょうか？
下は、イメージ図です。（編集しました。）
http://www.nin-site.net/image_style.jpg

よろしくお願いします。

すべての内容が見たい場合は、
HTMLソース：http://www.nin-site.net/index.txt
CSS：http://www.nin-site.net/css/style.css
です。

回答No.1

himajin100000 · ベストアンサー

内容を、じゃなくてメニューを、だよね。

#mainNavi {
width:740px; height:50px;
overflow:hidden;
margin-left:0px; /* 0pxにしてみた。ちなみに0の時は単位不要。*/
}

補足

回答ありがとうございます。

上記のとおりにやってみたのですが、全然変わりません・・・。
回答いただいたのに申し訳ございませんでした！

回答No.2

monzenkozo

自分もCSSを勉強中なので間違っているかも知れませんが、
#mainNavi ul {
margin-left:0px;
}
の部分は考えられませんか。