全寬頁腳菜單與下拉菜單等比例縮放

Question

你好，我需要這個快速工作，但我現在真的堅持下去！

我有一個完整的寬度頁腳菜單與列表項中心和與瀏覽器大小相等的比例和我認爲我現在正常工作，但我似乎無法讓下拉菜單工作以相同的方式懸停在列表項上（垂直列表菜單）和相同的縮放比如頁腳菜單。

請有人可以幫助我，這一定很容易。

謝謝！

<footer> 

<ul> 
<li><a href="#">Share</a> 
    <ul> 
    <li><a href="#">Facebook</a></li> 
    <li><a href="#">Twitter</a></li> 
    <li><a href="#">Tumblr</a></li> 
    </ul> 
</li> 
<li><a href="#" id="scroll-top">Top</a></li> 
<li><a href="#" onclick="funcShow(event);">Info</a></li> 
</ul> 

小提琴：http://jsfiddle.net/foroloca/L7noytpf/1/

Answer 1

u能請使用以下CSS

爲了更清楚看到JSFIDDLE

CSS：

footer ul ul li { 
    border-top: 1px solid #ffffff; 
    float: left; 
    width: 100%; 
} 


footer ul ul { 
    bottom: 60px; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    width: 273px; 
}