<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
#target:first-letter { color: blue; }
#target:hover { color:green; }
</style>

<script type="text/javascript">
function test()
{
    if (!window.eventSender)
        return;
    document.body.offsetTop;    // Force layout. The mouse is not tracked before first layout.
    eventSender.mouseMoveTo(60, 95);    // Hover.
    document.body.offsetTop;    // Update layout for hovered state.
}
</script>

</head>
<body onload="test()">
<p>
Test for <a href="http://bugs.webkit.org/show_bug.cgi?id=4104">
http://bugs.webkit.org/show_bug.cgi?id=4104
</a>
first-letter not updating style with hover
</p>
<p>
The next line of text should turn green when we hover over it.
</p>
<div id="target">The first letter of this paragraph should be larger than the rest. If you hover over this paragraph, all of the text (including the first letter) should turn green. If the first letter remains black, then there is a
bug!
</div>
</body>
</html>
