只改css部分的代码就可以了
首先
#nav li {float: left
width: 80px
background: #CCC
position: relative
}
加上 "position: relative" 属性,是为了使它的子级元素能够根据该元素的位置定位。
然后当然是修改这里
#nav li ul {line-height: 27px
list-style-type: none
text-align: left
width: 180px
position: absolute
bottom: 25px
}
设定 "bottom: 25px" 使该元素的底部和其上级元素的顶部对齐。
最后再调整整个菜单的位置,让二级菜单不超出窗口范围就可以了。