ie7中奇怪的css行为

我在internet-explorer-7中遇到了一个奇怪的行为。
设置/重置全局CSS样式类后，布局看起来破损。该问题可以使用以下html-file复制。点击按钮后，表格的字体系列会发生变化。 js代码只是在body-tag上设置一个样式类，然后再次删除它。ie7中奇怪的css行为

看来，.dijitInputField input.dijitReset选择器适用于<td>。

有人可以向我解释这种行为吗？

编辑的要求，here是的jsfiddle-演示 - 但它不能被用来重现错误，因为一个DOCTYPE为您的（X）HTML文档自动

我建议你使用[JSFiddle]（http://jsfiddle.net/）来获取代码片段和演示页面。 – ZenMaster

如何在jsfiddle中创建怪癖模式页面？ –

我不确定你可以。但我在谈论更多关于演示的目的，而不是在特定浏览器中进行测试。有一个草案功能，但它只适用于注册用户。你很冷，尝试在DOCTYPE标签前加一些注释，看看它是否有用 - 就像在IE中一样。编辑：我说“尝试”，因为JSFiddle自动添加文档类型。 – ZenMaster

您必须使用DOCTYPE增加。它总是节省时间，并允许避免面临奇怪的问题/错误，特别是在IE中。

2011-09-14 14:06:11

我知道建议设置doctype以避免怪癖模式 - 事实上也会解决这个问题;-)但我必须处理遗留的代码，我不能再改变 –

@Gerhard：quirksmode是问题。如果你不能摆脱使用quirksmode的需要，那么你将很难摆脱这个问题。很简单，对不起。这个答案是正确的解决方案，即使它不是你想要听到的答案。 – Spudley

回答