作业已提交，问题：1.关于zoom的问题？

我绝逼不是话痨，但有点较真，也是为了学好基础，请理解，如果问题比较可笑就当笑话但请老师还是解答解答，谢谢！

我可能有点过于紧张了，我比较担心IE浏览器的兼容问题，所以凡是浮动的地方都给父元素添加了zoom：1，请问这个属性与z-index有啥区别么？怎么理解？

在制作TOP的时候，需要让图片与ul浮动，然后再让ul里面的li元素浮动；

问题：请问如果此时我想清楚这两个浮动，并且保证兼容性，我就得给父容器使用zoom：1；

但，其中的父容器ul本身就在浮动，此时加上zoom:1,还有效果么？

我觉得我已经表达很清楚了,下面是代码。

代码：

html:

 <!--top-->
        <div class="top">
            <div class="top_img"> <a href="#"> <img src="../image/logo.png" alt="暂无图片" /></a></div>
                <ul  class="nav">
                    <li><a href="#">HOME</a></li>
                    <li><a  href="#">ABOUT</a></li>
                    <li><a  href="#">GALLERY</a></li>
                    <li><a  href="#">FACULTY</a></li>
                    <li><a  href="#">EVENTS</a></li>
                    <li><a  href="#">CONTACT</a></li>
                </ul>  
        </div>

css:

.top{
    width:100%;
    height:60px;
    background-color: #07cbc9;
    z-index: 9999;
    position: fixed;
    left:0px;
    top: 0px;
    zoom:1;
}

.top .top_img{
     float:left;
     padding-left: 100px;
     width:260px;
     height:48px;
     padding-top:6px ;
   
}
.top .top_img img{
    width:260px;
    height:48px;  
}
.top .nav{
    float:right;
    padding-right: 80px;
    color:#ffffff; 
    zoom:1;
}

.top .nav li{
     float:left;
     list-style: none;
     width:80px;
     text-align: center;
     height:60px;
     line-height: 60px;
     font-weight: bolder;
     font-size: 15px;
}
.top .nav li a{
    
    color: #ffffff;
}
.top .nav li:hover{
    background-color: #000;
}