html5左右滑动列表

<ul id="category">
<li>品牌团</li>
<li>美体个护</li>
<li>食品保健</li>
<li>婴幼儿</li>
<li>百货</li>
<li>数码</li>
</ul>

#category {width:100%;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden}
#category li{display:block;width:80px;height:30px;padding-left:10px;}