<html>
<head>
<title></title>
</head>
<body>
<p>
    Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=4227">http://bugzilla.opendarwin.org/show_bug.cgi?id=4227</a>
    The ex unit doesn't work for font-variant: small-caps</i>.
</p>
<p>
    There should be a green square below:
</p>
<div style="font-variant: small-caps; background: green; width:20ex; height: 20ex;"></div>
</body>
</html>