Html 我的（c+；+；动态生成）页面在ie7中对齐，但在IE8/Chrome中未对齐？

我有一个网页，其中包括一个Javascript文件和一个CSS文件。该网站在IE7中运行良好，但在IE8中没有对齐，所有的按钮都到处都是。它是通过本地C++应用程序运行的，因此我不能发布链接到它。 HTML:

---

只需将其从顶部移除即可

<?xml version="1.0" encoding="utf-8"?>

---

它会使您的UAs在较旧的浏览器中进入怪癖模式。

首先，没有任何按钮。

正文中根本没有内容。你能为我们发布真实再现问题的代码吗？你能发布截图吗？一个可视化的表示将是非常有帮助的你好，我已经添加了屏幕截图，CSS和Javascript希望它现在更好。IE7中的对话框大得多，几乎是全屏。IE7中的悬停显示在行的末尾而不是开头。因此，我的水晶球告诉我，第一个屏幕截图来自IE4，第二个来自Lynx，第三个来自blackberry 12浏览器，最后一个来自Opera 17。我的水晶球对吗？如果没有，我就尝尝茶叶。然而，清晰地标记图像一点都不重要；重要的是，根据我的水晶球，你没有IE7截图。在这种情况下，你必须把你的问题缩小到细节。在IE7和IE8/Chrome中分别发布一张“正确”和“未对齐”的图片，以便我们对两者进行比较。同时发布唯一的revealant标记和css。您当前的HTML没有告诉我们任何东西HTML文件实际上只是调用动态创建HTML的Javascript文件。CSS是我当前使用的类。我将发布更多屏幕截图。我已经发布了IE7中的屏幕截图
create: function createDialog(person) {
    this.width = Math.round(Care.body.width() * .7);    
    this.container = $(document.createElement("div"));
    this.container.addClass("dialog-container");

    this.dialog  = $(document.createElement("div"));
    this.dialog.addClass("dialog");

    var html = '<table class="dialog-table">';
    html += this.createTitle();
    html += this.createSelect();
    html += this.createContent(person);
    html += '</table>';
    this.dialog.append(html);

    this.select = $($(this.dialog.children()[0].rows[1].cells[0]).children()[1]);
    this.content = $(this.dialog.children()[0].rows[2].cells[0]);
    this.table = $($(this.content.children()[0]).children()[0]);
    this.createButtons();

    this.container.append(this.dialog);

.dialog-container {top:0px; z-index:101; position:absolute; height:100%; text-align:center; }
.dialog-table {position:relative; padding:0px; margin: 0px; border:0px;}

<?xml version="1.0" encoding="utf-8"?>