Css jquerymobile中的水平滚动

我正在使用jquerymobile为mob开发一个站点

我的应用程序中有一个content div，我需要水平滚动/滑动，以便显示该div中的所有内容。我对jQuery mob移动应用程序非常陌生。请帮忙

我的CSS看起来像

<div style="width:100%;height:100px;float:left;background-color:olive;overflow:show;" id="container">

<div style="width:550px;height:90px;float:left;background-color:pink;" id="content">
dfg dfgdfgdfgdfgdfg dfg dfg dfg dfg dfgdfgdfgdfgdfg dfg dfg dfg dfg dfgdfgdfgdfgdfg dfg dfg dfg dfg dfgdfgdfgdfgdfg dfg dfg dfg dfg dfgdfgdfgdfgdfg dfg dfg dfg 
</div>
</div>

dfg dfgdfgdfgdfgdfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg dfg

我需要将内容滑入容器。

使用手风琴菜单：

使用手风琴菜单：