在我的 rails 3.1 应用程序中，我正在显示一个简单的 jquery-ui 对话框，其中关闭按钮和大小手柄放错了位置（请参见下面的屏幕截图）。
编码：
html:
<p id="dialog">Hello</p>
JS：
$(function() {
$("#dialog").dialog();
});
非常基本的东西:)这是我得到的结果：
屏幕截图2（关闭按钮悬停）
请注意，在它们两个上，关闭按钮都跳到了下面的行，尺寸握把也是如此。
我使用ThemeRoller为我生成了 Overcast 主题。我只下载了主题 css+images，因为 rails 已经捆绑了最近的 jquery 和 jquery-ui 库。
我检查了版本，它们是：
jQuery： 1.7.1
jQuery-UI： 1.8.16
jquery-ui-1.8.18.custom.css（主题 css）： 1.8.18
下载主题文件时，我有两个选择：jquery 1.3.2 和 1.3.2+ 的主题。我有 1.7.1，所以我下载了第二个。
还有一个有趣的事实是，在我的旧项目中，我的设置几乎相同，只是我使用的主题是 css 版本 1.8.14 和按钮！
我知道我可以切换到使用该主题，但是我无法选择使用 ThemeRoller 生成主题！我真的很想。我确实检查了其他一些主题，但结果是一样的——关闭和 sizegrip 按钮放错了位置。
任何提示都会非常酷！:)