JQM（jQueryMobile）Mobile Tooltip在输入元素CSS定位下

Question

所以我有一个工具提示，它是一个隐藏的div，可以在输入元素下面切换。在焦点上，我显示工具提示并隐藏模糊。

问题是当在横向或在平板电脑设备上显示时，工具提示会留在看起来不合适的标签元素下。

但是肖像标签位于输入元素的顶部，工具提示位于下方。这个功能和外观如预期的那样（就像我想要的那样）。

直播示例：http://jsfiddle.net/jtnmC/3/

问题：

因此在横向上如何对齐工具提示，使其在输入元素下排列/显示而不是其标签？还不会搞砸肖像定位？

<div>
    <label for="telephone">
        Phone Number*
    </label>
    <input type="text" name="telephone" id="telephone" required placeholder="Telephone#">
    <div name="telephone_tooltip" class="tooltip">
        Valid format
        <strong>
        <span>999-999-9999</span>
        </strong>. Please include the area code.
    </div>
</div>

Answer 1

通过添加保证金来修复此问题：

直播示例：http://jsfiddle.net/jtnmC/12/