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