jquery mobile上的聊天页面

Question

我正在尝试使用以下页面架构在jquery mobile上创建一个非常简单的聊天页面：

<div data-role="header" data-position="fixed">
    <h1>Chat with...</h1>
</div><!-- /header -->

<div data-role="content">
    <div id="chatcontents"></div><input type="text" />
</div><!-- /content -->

<div data-role="footer" data-position="fixed">
    Footer
</div><!-- /footer -->

使用div“chatcontents”包含所有消息，输入文本位于底部。

问题是jquery移动排序覆盖了我的css设置，所以它不能成为底部的文本框（考虑页脚）和“chatcontents”占用屏幕的其余部分，文本从底部。

有人已经尝试过了吗？

提前致谢。