横並びのメニューにならない

初心者です。
dreamweaverで、メニューを横並びにしたいのですが、縦のままです。

<div id="#navi">
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="#">お支払・送料</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
</div>

という風に作って
CSSが、

#navi {
height: 30px;
width: 750px;

}
#navi ul {
list-style: none;

}
#navi li {
display: inline;
　　　　　　float: left;

}

#navi li a{
　　　　　text-align: center;
　　　　　display:block;
}

としました。
どこが間違っているのでしょうか？
あるいは何か足りないのでしょうか？

No.2 ベストアンサー 回答者： ORUKA1951 回答日時： 2014/02/21 09:05

本当に基礎的なことでミスだと思いますが、IDにはアルファベットから始まりアルファベットと数字程度しか使えません。

アルファベット［A-Za-z］で始まり、そのあとにアルファベット、数字［0-9］ 、ハイフン( - )、アンダースコア( _ )、コロン( : )、ピリオド( . )を組み合わせる。
　よって#で始めることはできません。

これだけだった、<DIV>は不要なのですが・・
<div id="navi">
<ul>
<li><a href="index.html">ホーム</a></li>
<li><a href="#">お支払・送料</a></li>
<li><a href="#">お問い合わせ</a></li>
</ul>
</div>
#navi ul{list-style:none;line-height:30px;text-align:center;}
#navi ul,#navi ul li{margin:0;padding:0;}
#navi ul li{display:inline-block;width:7em;padding:0 1em;}

#navi ul li{position:relatve;}
#navi ul li a{display:block;width:100%;height:100%;text-decoration:none;}
とか、

この回答へのお礼

ありがとうございます。
すいません、まったく気付けませんでした。
単純なミスをしてしまったようですね。
ありがとうございました。

お礼日時：2014/02/21 16:48

No.1 回答者： DrFell 回答日時： 2014/02/21 02:37

<div id="#navi">

の#を削除するとどうなります？
<div id="navi">

この回答へのお礼

単純なミスでした。
ありがとうございました。

お礼日時：2014/02/21 16:48