Html 页脚css缩放错误

嗨，我对页脚有问题。。当我缩放页面时，我会滚动页面，不会口头显示

我的代码：

css:

html:

感谢NSFW免费图像托管链接。。。尝试在JSFIDLE中重现您的问题，有时甚至可以帮助您找到问题的原因…链接是NSFW xD，广告不是p0rn，但仍然。。。这是我的问题。。。滚动不工作：s，缩放时隐藏列表

#border {width: 1020px; margin: 0 auto;}
#bottom {min-width: 100%; bottom: 0; height: 35px; position:fixed; position: device-fixed; background-color:#FFF; box-shadow: 1px 1px 10px #888888;}
#bottom ul li {display:block; padding: 0 5px 0 5px; float:right;} 
#bottom ul li a {color:#616161; font-size: 11px;}

<div id="bottom">
<div id="border">
 <ul>
        <li><a href="#">aaa </a></li>
        <li><a href="#">bbbbbbbb </a></li>
        <li><a href="#">sssssssssss </a></li>
        <li><a href="#">aaaaaaaaaaaaaas </a></li>
        <li><a href="#">cccccccccca </a></li>
    </ul>
</div></div>