有没有人在使用Themeroller的主题时修复IE6中的jQuery对话框按钮格式？

Question

我使用Themeroller生成应用主题，并使用jQuery和jQuery UI来创建一些modal dialog提醒。

它们在Firefox 2和3上运行良好（并且看起来很棒），但是按钮在IE 6和7上向右移动。

看起来它被IE边缘错误所困扰，但我想看看是否有一个简单的修复，然后再深入研究Themeroller CSS，或者更糟糕的是jQuery生成代码，找到一个解决方法。

以下是Firefoxen中的方框：

以下是IE6 / 7中相同的方框：

jQuery UI演示页面的按钮在IE下看起来好一点，但在调整大小栏下它们是半遮挡的。如果没有人在这说“哦，是的，这就是你如何解决它......”我将不得不将两个CSS文件并排放置并找出差异。

我看到semi-related issue，但那里的答案不适用于我的问题（因为我的对话框容器确实有ui-dialog类。

Answer 1

我通过一些试验和错误找到了似乎有用的东西。我仍然对更好的综合解决方案感兴趣（和/或我需要向ThemeRoller团队指出这一点）。

我对jquery-ui-themeroller.css：

进行了此更改

.ui-dialog-buttonpane {
    position: absolute;
    bottom: 0;
    left:0;  /* Added this line and it makes the button pane anchor to the left */
    width: 100%;
    text-align: left;
    border-top: 1px solid #707c5a;
    background: #faf7eb;
}

我还在做一些测试，但它似乎适用于IE6 / 7和FF2 / 3.