纯css的下拉导航条（改用JQuery）

#nav li {

float:left;

position:relative;}

#nav li dl {

width:160px;

background:#333;

display:none;

position:absolute;

top:34px;

left:0;

}

#nav li dl dd a {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#ccc;

text-decoration:none;

line-height:34px;

text-indent:20px;

}

#nav li dl dd a:hover {

background:#666;

cursor: e-resize;}

#nav li:hover dl{

display:block;

}

IE6不支持，需要打IE6支持li:hover的补丁