<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<html class="reftest-wait">
<head>
  
<style>
#cat { float: left; }
#zebra { background: lightgreen; }
#zebra:after { content: "a b c d e"; }
#zebra:first-letter { display: none; }
</style>
  
<script>
function boom1()
{
  document.getElementById("cat").style.outline = "1px solid yellow";
  setTimeout(boom2, 30);
}

function boom2()
{
  document.getElementById("cat").style.overflow = "auto";
  document.documentElement.removeAttribute("class")
}
</script>

</head>

<body onload="setTimeout(boom1, 30)" style="overflow: scroll">
  <div id="zebra"><b id="cat">Cat</b></div>
  <div style="direction: rtl">This is an RTL div</div>
</body>
</html>