页脚css缩放bug

Question

嗨我有页脚问题..当我缩放页面时我滚动页面并且不要口头显示

http://jsfiddle.net/2Wez8/16

我的代码：

的CSS：

#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;}

HTML：

<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>