JqueryUI图标显示在新行上

Question

我要在我的网页上添加一个jqueryui对话框，但当它显示时，关闭图标会出现在新行上，而不是与标题位于同一行。它在Chrome，IE和Firefox中都存在同样的问题。 我试图删除我的自定义CSS，以确保它不是搞砸了它。

屏幕截图可以在这里看到： http://dl.dropbox.com/u/653527/screenshtodialog.png

该代码可以在本网站的首页看到： http://www.hvemskylderhvem.dk/

点击图片。它也可以在带有图标的按钮上看到。

感谢。

（我的jqueryui按钮存在一些问题，其中文本和图标也显示在不同的行上）

Answer 1

似乎你缺少jQuery UI样式表中的一些样式。在demo我找到了这个样式声明：

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

尝试添加原始jQuery UI样式表。也许你可以使用ThemeRoller来采用你的风格。