<!DOCTYPE html>
<html>
<head>
<script>
function log(message, console) {
    document.getElementById(console).innerHTML += (message + "\n");
}

function logMouseOverOutEvent(ev) {
    var target = (ev.target)? ev.target : ev.srcElement;
    log(ev.type + " on " + target.id, 'console1');
}

function logMouseEnterLeaveEvent(ev) {
    var target = (ev.target)? ev.target : ev.srcElement;
    log(ev.type + " on " + target.id, 'console2');
}

function doTest() {
    document.body.offsetLeft;
    if (window.testRunner) {
        eventSender.mouseMoveTo(1, 1);
        eventSender.mouseMoveTo(90,140);
        eventSender.mouseMoveTo(110,140);
        eventSender.mouseMoveTo(130,140);
        eventSender.mouseMoveTo(170,140);
        eventSender.mouseMoveTo(180,140);
        eventSender.mouseMoveTo(210,140);

        testRunner.dumpAsText();
    }
}
</script>
</head>
<body onload="doTest()">
<div id="outer1" style="width:100px; height:100px; background-color:blue; top:100px; left:100px; position:absolute"
     onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)"
     onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)">
<div id="inner1" style="width:50px; height:50px; background-color:red; top:20px; left:20px; position:absolute"
     onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)"
     onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)">
</div>
<div id="inner2" style="width:20px; height:20px; background-color:yellow; top:30px; left:60px; position:absolute"
     onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)"
     onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)">
<div id="inner3" style="margin:5px; width:10px; height:10px; background-color:green;"
     onMouseOver="logMouseOverOutEvent(event)" onMouseOut="logMouseOverOutEvent(event)"
     onMouseEnter="logMouseEnterLeaveEvent(event)" onMouseLeave="logMouseEnterLeaveEvent(event)">
</div>
</div>
</div>
<pre id="console1"></pre>
<br>
<pre id="console2"></pre>
</body>
</html>