css ul制作菜单问题，编译的时候文字的方向是旋转的 位置正常，但运行的时候文字正常 位置却不正常了，

代码粘上
<div id="nav">
          <ul>
            <li>首页</li>
            <li>关于奇异</li>
            <li>产品展示</li>
            <li>生产设备</li>
            <li>奇异资讯</li>
            <li>不锈常识</li>
            <li>产品应用</li>
            <li>在线反馈</li>
            <li>在线招聘</li>
            <li>联系奇异</li>
          </ul>
        </div>
-------------css-----------
#nav
{
	height:48px;
    width:100%;
    background-color: #c00;

}
#nav ul
{
	margin:0px;
    padding:0px;
    font-size:12px;
    color:#FFF;
    line-height:30px;
    white-space:nowrap;

}
#nav li
{
    display:inline;
    float:left;
}
#nav li a {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
padding: 7px 10px;
color: #FFF;
}
#nav li a:hover {
color: #ff0;
background-color: #f00;
}

答案：块位置错误，可能是因为你没有clear：left，然后你字旋转了，我再IE7，试了，很正常。你得代码写得不规范，首先，li float:left ,display:block,a元素尽量给他设置为block，float：left。这个尺寸把握的更好，因为浮动元素，只显示内容空间+padding空间。希望能帮助你

其他：这个字体旋转应该是你全局的字体设置导致的 
看来你的css很乱 float：left;时宽度没设定，被浏览器默认解码方式给挤下来了，调整没一个标签的宽度就可以了，请采纳 

上一个：如何css设置内边框,而不影响嵌套TABLE的边框呀？？
下一个：div+css兼容性问题 请问怎样解决ie6中 position：relative的问题。