<!doctype html>
<style>
div {
width: 100px;
height: 100px;
}
#div_border {
border: 10px solid;
}
#div_outline {
outline: 10px solid;
margin: 20px 0 0 10px;
}
#div_border:hover, #div_border:hover + #div_outline {
color: green;
}
</style>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
if (!window.testRunner)
return;
eventSender.mouseMoveTo(50, 50);
}
window.addEventListener("load", runRepaintTest);
</script>
<div id="div_border"></div>
<div id="div_outline"></div>