<html xmlns='http://www.w3.org/1999/xhtml'>
<body onload="runAfterLayoutAndPaint(repaintTest, true);">
The two blocks should look identical. One uses an SVG, and the other just uses a normal HTML div.
<p>There should be a red, white and blue pattern below this</p>
<svg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' style='float: left; border:10px solid red; padding:10px; margin:10px'>
<rect width='100' height='100' fill='blue' />
</svg>
<p style='clear: left'>There should be a red, white and blue pattern above this</p>
<hr/>
<p>There should be a red, white and blue pattern below this</p>
<div style='width:120px; height:120px; float: left; border:10px solid red; margin:10px'>
<div style="width:100px;height:100px;background-color:blue; margin:10px;"></div>
</div>
<p style='clear: left'>There should be a red, white and blue pattern above this</p>
<script>var zoomCount = 2;</script>
<script src="../../../resources/run-after-layout-and-paint.js"></script>
<script src="../resources/testTextZoom.js"/>
</body>
</html>