Jquery mobile 调整大小时的JQuery移动输入文本/搜索布局

我对jquerymobile（使用v1.3.1）非常陌生，我不确定我在这里做错了什么。我有一个

字段，包含带有标签和文本/搜索输入的
div。调整窗口大小时，会发生以下情况：


首先，搜索框跳转到一条新线上（我可以接受），但当我进一步调整它的大小时，它最终会变得更高并覆盖标签（我显然不能接受：p）

代码如下：

<div data-role="fieldcontain">
  <label for="city-location">Location:</label>
  <input type="search" name="location" id="CheckCityNameInput" value="" data-mini="true"  data-inline="true" />
</div>
<input type="button" data-inline="true" data-icon="search" data-iconpos="left" value="Locate city" data-mini="true"/>


地点：

这种情况在Chrome和Firefox上发生（我没有测试其他浏览器）。知道我做错了什么吗

当我将其调整到最大值时，文本输入和按钮之间会出现一条“线”。。。知道为什么吗？
该死，标签上的CSS规则相互冲突。很高兴知道标签上的
float:left
规则会产生这种效果

感谢您的帮助，Gajotres。
告诉我您正在使用的jQuery移动版？在帖子中：1.3.1我最好指定我的问题，我想知道您的脚本位置。这种问题通常发生在使用链接到实时生产版本时。尝试使用以下文件：和。如果不是的话，我们会想点别的。这就是我目前正在使用的>\我想我已经找到了其中的一部分。这似乎是相互冲突的CSS规则。。。