CSSでメニューボタンを横一列にしたかったのですが、一ヶ所に固まります。

質問

CSSでメニューをつくろうとおもい、画像で作ったのですが、、それをul　li　でリスト化し、

div#nav ul {
list-style-type: none;
}
div#nav ul li{
display: inline;
left: 10px;
top: 50px;
width: 710px;
}
といったかんじで　横一列のメニューを作ったのですが、
left: 10px; top: 50px;　の設定がいけないのか、全部の画像が左　10px　上から50pxのところにあつまってしまい、横一列に並んでくれません。
どうすればよこいちれつにならんでくれるようになりますか？もしくは、もっとよい画像を用いたメニューのつくりかたはありますでしょうか、お願いいたします。

回答No.1

flowermaze · ベストアンサー

div#nav ul {
list-style-type: none;
left: 10px;
top: 50px;
width: 710px;
}
div#nav ul li{
display: inline;
}

ではどうでしょう。