<!
DOCTYPE HTML>
<
html>
<
head>
<
title>Test for :hover</
title>
<
script src=
"chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></
script>
<
style type=
"text/css">
div#one { height: 10px; width: 10px; }
div#one:hover { background: #00f; }
div#one >
div { height: 5px; width: 20px; }
div#one >
div:hover { background: #f00; }
div#twoparent { overflow: hidden; height: 20px; }
div#two { width: 10px; height: 10px; }
div#two:hover { margin-left: 5px; background: #0f0; }
div#two +
iframe { width: 50px; height: 10px; }
div#two:hover +
iframe { width: 100px; }
</
style>
</
head>
<!-- need a set timeout because we need things to start after painting suppression ends -->
<
body onload=
"setTimeout(step1, 0)">
<a target=
"_blank" href=
"https://bugzilla.mozilla.org/show_bug.cgi?id=">Mozilla Bug </a>
<
div id=
"display" style=
"position: absolute; top: 0; left: 0; width: 300px; height: 300px">
<
div id=
"one"><
div></
div></
div>
<
div id=
"twoparent">
<
div id=
"two"></
div>
<
iframe id=
"twoi" src=
"hover_empty.html"></
iframe>
<
div style=
"width: 5000px; height: 10px;"></
div>
</
div>
</
div>
<
pre id=
"test">
<
script type=
"application/javascript">
var imports = [
"SimpleTest",
"is",
"isnot",
"ok" ];
for (
var name of imports) {
window[name] = window.opener.wrappedJSObject[name];
}
var div = document.getElementById(
"display");
var divtwo = document.getElementById(
"two");
var iframe = document.getElementById(
"twoi");
var divtwoparent = document.getElementById(
"twoparent");
iframe.contentDocument.open();
iframe.contentDocument.write(
"