IE8在回发后停止对CSS的尊重

Question

我遇到的问题是我的网站在同一会话的不同阶段以不同的方式显示。以下是PageLoad页面显示的方式：

该表填充了一些数据，所有空字段都是用于用户输入的DropDownLists。请注意，该表居中，包含DropDownLists的字段都具有相同的宽度。

以下是保存一些用户输入后页面的显示方式：

DropDownLists已全部被所选的图像所取代（可能没有），但现在表不居中，每个表都缺少右边框，右边列的第3和第4个表具有任意宽度包含DropDownLists的字段，即使这些字段都是class = image，并且应该具有75px的固定宽度。

以下是相关的CSS：

.outer
{
    border: none;
    margin-left: auto;
    margin-right: auto;
}
.image
{
    padding: 0;
    margin: 0;
    width: 75px;
}

外部类用于包含外部的表（这些是嵌套表），而图像类用于包含由所选图像替换的DropDownLists的字段。

我在Firefox中没有这个问题，我只在Firefox和IE8中测试了这个。

感谢任何建议。

编辑：这是完整的CSS文件：

.outer
{
    border: none;
    margin-left: auto;
    margin-right: auto;
}
.outer td
{
    vertical-align: top;
}
.column
{
    border: none;
}
#rightColumn table, #leftColumn table
{
    width: 100%;
}
.cell
{
    border-collapse: collapse;
    border: 2px solid black;
    margin: 5px;
}
.cell td
{
    border-collapse: collapse;
    border: 2px solid black;
    text-align: center;
    vertical-align: middle;
}
.image
{
    padding: 0;
    margin: 0;
    width: 75px;
}
.messages td
{
    border-collapse: collapse;
    border: 2px solid #FF0000;
    text-align: left;
}
h1
{
    text-align: center;
    font-size: 350%;
}
h2
{
    text-align: center;
}
th
{
    background-color: #2B60DE;
    color: #FFFFFF;
}
.gray
{
    background-color: #AAAAAA;
}
.blue
{
    background-color: #2B60DE;
}
.orange
{
    background-color: #FFA500;
}
.green
{
    background-color: #00FF00;
}
.red
{
    background-color: #FF0000;
}
.yellow
{
    background-color: #FFFF00;
}
.white
{
    background-color: #FFFFFF;
}
#lob
{
    vertical-align: bottom;
    text-align: center;
}
.centered
{
    text-align: center;
    padding: 10px;
}

编辑：开发人员工具的HTML标签：

Answer 1

我要猜测：你的回发中有些东西迫使浏览器进入Quirks模式。特别是，将margin设置为auto在Quirks模式下无效。

要确认这一点，请在受影响的页面上按F12。在出现的开发人员工具中，查看“文档模式”的顶部。如果是怪癖，那就错了。提供该窗口“HTML”选项卡的屏幕截图有助于进一步诊断。