IFrame影响类名称的区分大小写

Question

我正在页面上动态创建IFrame，并使用内容和样式填充IFrame。浏览器似乎将所有具有相同名称的样式（无论大小写）组合在一起，以创建最终样式。

以下是一个示例：http://jsfiddle.net/6W2KP/3/

var fDoc = document.getElementById("myFrame").contentWindow.document;
var fStyle = fDoc.createElement("STYLE");
fStyle.innerHTML = ".ab{font-size:30px;}\n.AB{color:red;}\n.ac{font-weight:bold;}";
fDoc.head.appendChild(fStyle);
var p = fDoc.createElement("P");
p.className = "ab";
p.innerHTML = "Testing";
fDoc.body.appendChild(p);

上面，字体不应该是红色，而是; .ab .AB .aB和.Ab都将被使用。此外，这种行为已在Firefox和Chrome中重现。

这与我能找到的关于标准的所有内容相反，后者表示类名称区分大小写。有人可以解释一下吗？