位置问题

<!--/*导航条*/-->

<div class="nav">

<ul>

        <li><a href="index.html">首页</a></li>

    <li><a href="about.html">关于恒杰</a></li>

    <li><a href="#">产品中心</a></li>

    <li><a href="news.html">新闻资讯</a></li>

    <li><a href="#">视频中心</a></li>

    <li><a href="#">技术实力</a></li>

    <li><a href="#">服务中心</a></li>

    <li><a href="#">人力资源</a></li>

    <li><a href="#">联系我们</a></li>

</ul>

</div>

webstyle：

/*导航条*/
.nav{
        width: 100%;
        min-width: 1100px;
        height: 60px;
        border-top: 1px solid #CACACA;
}
.nav ul{height:60px;
           width:1100px;
           margin:0 auto}

.nav li{float:left}

.nav li a {display:block ;
           color:3d3d3d;
           font-size:14px;
            line-height:60px;
           padding:0 34px;}

.nav li a:hover{background:#0068b7;
               color:#fff;}
按照老师的步骤来  怎么做出来的和老师的不一样呢？？？？？