リスト（ul / li）タグの左インデントの解除

質問

HTML、CSSの初心者です。
リスト（ul / li）タグの左インデントの解除の仕方がわかりません。
IE系とMozila系でインデント解除の方法を教えていただけないでしょうか。

◆現在の書き方
-----------------
・HTML
<ul　id="navi">
<li>サンプル</li>
<li>サンプル</li>
<li>サンプル</li>
<li>サンプル</li>
<li>サンプル</li>
</ul>
-----
・CSS
#navi ul {list-style: none; margin: 0; padding: 0;}
#navi li {list-style: none; float: left; margin: 0; padding: 0;}
-----------------

よろしくお願いいたします。

回答No.2

outbrave

まず
<ul□id="navi">
全角スペースが入っているので正しく表示されません。

次に #navi ul とは、#navi の中に入っている ul という意味になりますからご注意を。
#navi ul {list-style: none; margin: 0; padding: 0;}
↓
ul#navi {list-style: none; margin: 0; padding: 0;}

回答No.1

ORUKA1951

li要素のdispalyの値のデフォルト値はlist-itemでしたね。よってそれも変更しないとなりません、
#navi ul,#navi ul li{display:block;list-style-type:none;margin:0;padding:0;text-align:center;line-height:2em;}
#navi ul li{width:19%;float:left;position:relative;}
#navi ul li a{dispaly:block;width:100%;height:100%;background-color:yellow;}
#navi ul li+li{margin-left:5px;}