css中多余的空格惹的祸

测试一个css文件，发现怎么都不对，本来明明应该一行显示的，结果显示好几行，怎么检查都没发现有任何语法问题。在IE中正常，但在firefox、chrome中有断行。

#menu {padding:20px 20px 0 0}
/*利用padding:20px 20px 0 0来固定菜单位置*/
#menu ul {float:right;list-style:none;margin:0px;}
/*添加了float:right使得菜单位于页面右侧*/
#menu ul li {float:left;margin:0 10px}

　　<div id="menu">
　　　<ul>
　　　　<li><a href="#">首页</a></li>
　　　　<li class="menuDiv"></li>
　　　　<li><a href="#">博客</a></li>
　　　　<li class="menuDiv"></li>
　　　　<li><a href="#">设计</a></li>
　　　　<li class="menuDiv"></li>
　　　　<li><a href="#">相册</a></li>
　　　　<li class="menuDiv"></li>
　　　　<li><a href="#">论坛</a></li>
　　　　<li class="menuDiv"></li>
　　　　<li><a href="#">关于</a></li>
　　　</ul>
　　</div>

    后来终于发现，是语句之间包含了全角之类的空格影响，<li></li>与下一个<li></li>之间，会影响整体排版，这个原因太莫名其妙了。