<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body { margin: 0; padding: 0; }
</style>
</head>
<body>
<object id="rotated-plugin"
style="transform: rotate(90deg); position: absolute; top: 0; left: 0; -webkit-transform-origin: 0 0;"
type="application/x-webkit-test-webplugin"
border=0
width="40"
height="40">
</object>
<object id="subpixel-positioned-plugin"
border=0
style="position: absolute; top: 0.4px; left: 0.4px;"
type="application/x-webkit-test-webplugin"
width="40"
height="40">
</object>
<object id="translated-plugin"
border=0
style="transform: translate(10px, 10px); position: absolute; top: 0; left: 0;"
type="application/x-webkit-test-webplugin"
width="40"
height="40">
</object>
<object id="odd-dimensions-plugin"
border=0
style="transform: translate(200px, 10px); position: absolute; top: 0; left: 0;"
type="application/x-webkit-test-webplugin"
width="41"
height="41">
</object>
</body>
</html>