如何更改下拉菜单到下拉菜单

Question

我有这个菜单栏：http://jsfiddle.net/PtQAP/ 我需要把它放在最下面，下拉菜单变成下拉菜单。 我该怎么做？

CSS：

ul, li, a { 
    margin: 0; 
    padding: 0; 
} 
li { 
    list-style: none; 
} 
a { 
    text-decoration: none; 
    color: #000000; 
} 

ul > li { 
    float: left; 
} 
ul > li a { 
    color: #fff; 
    font-weight: bold; 
    line-height: 40px; 
    height:40px; 
    display:block; 
    padding:0px 10px; 
} 
ul li a:hover { 
    background: #666666; 
} 
ul li ul { 
    display: none; 
    position: absolute; 
    background: #333333; 
} 
ul li ul li { 
    float: none; 
    line-height: 40px; 
    height: 40px; 
} 

感谢您的答案。

Answer 1

给酒吧的fixed一个position，并设置其bottom到0px，然后设置你的菜单中有你的酒吧的高度的bottom，在这种情况下40px

div { 
    background: #999999; 
    height: 40px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    color: #000000; 
    margin: -8px; 
    width:100%; 
    position:fixed; 
    bottom:0px; 
    left:0px; 
} 

ul li ul { 
    display: none; 
    position: absolute; 
    background: #333333; 
    bottom:40px; 
} 

JSFiddle Demo