<!DOCTYPE html>
<script src="../../../resources/ahem.js"></script>
<style>
#box {
  position: absolute;
  top: 100px;
  left: 100px;
  width: 100px;
  transform: rotate(30deg);
}
#child {
  position: relative;
  left: 200px;
  top: 200px;
  font-family: Ahem;
}
</style>
Tests if the inline layered child is correctly repainted when container's transform changes.
Succeeds if the text is completely rotated leaving no residue at the original location.
<div id="box">
  <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span>
</div>