#nav li ul li{ 
float: left; width: 180px; 
background: #F6F6F6; 
} 改成#nav > li> ul> li{ 
float: left; width: 180px; 
background: #F6F6F6; 
padding:0px;

解决方案 »

  1.   

    或者试试这个
        <style type="text/css">
            *
            {
                margin: 0;
                padding: 0;
                border: 0;
            }
            body
            {
                font-family: arial, 宋体, serif;
                font-size: 12px;
            }
            #nav
            {
                line-height: 24px;
                list-style-type: none;
                background: #666;
            }
            #nav a
            {
                display: block;
                width: 80px;
                text-align: center;
            }
            #nav a:link
            {
                color: #666;
                text-decoration: none;
            }
            #nav a:visited
            {
                color: #666;
                text-decoration: none;
            }
            #nav a:hover
            {
                color: #FFF;
                text-decoration: none;
                font-weight: bold;
            }
            #nav li
            {
                float: left;
                width: 80px;
                background: #CCC;
            }
            #nav li a:hover
            {
                background: #999;
            }
            #nav li ul
            {
                line-height: 27px;
                list-style-type: none;
                text-align: left;
                left: -999em;
                width: 180px;
                position: absolute;
            }
            #nav li ul li
            {
                float: left;
                width: 180px;
                background: #F6F6F6;
            }
            #nav li ul a
            {
                display: block;
                width: 180px;
                width: 156px;
                text-align: left;
                padding-left: 24px;
            }
            #nav li ul a:link
            {
                color: #666;
                text-decoration: none;
            }
            #nav li ul a:visited
            {
                color: #666;
                text-decoration: none;
            }
            #nav li ul a:hover
            {
                color: #F3F3F3;
                text-decoration: none;
                font-weight: normal;
                background: #C00;
            }
            #nav li:hover ul
            {
                left: auto;
            }
            #nav li.sfhover ul
            {
                left: auto;
            }
            #content
            {
                clear: left;
            }
        </style>
      

  2.   

    已经找到问题了。把
    <!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 删除就可以了。谢谢各位了。来者有分哦!
    呵呵..