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

<script type="text/javascript">
function test()
{
    var target = document.getElementById("target");
    target.style.visibility='hidden';
}
</script>

</head>
<body onload="test()">
<p>
Test for <a href="http://bugs.webkit.org/show_bug.cgi?id=13169">
http://bugs.webkit.org/show_bug.cgi?id=13169
</a>
 css-formatted first letter won't hide dynamically
</p>
<p>
The next line of text should become invisible, including first letter.
</p>
<div id="target">Click to hide</div>
</body>
</html>