<html>
<body>
The div below should be rounded. You should see a rounded green square or the test has failed.

<div style="width:100px;height:100px;position:fixed;overflow:hidden;border-radius:30%">
<div style="width:100px;height:100px;position:relative;background-color:green"></div>
</div>

<p style="margin-top: 130px;">
This div should not be rounded. You should see a solid green square or the test has failed.

<div style="width:100px;height:100px;overflow:hidden;border-radius:30%">
<div style="width:100px;height:100px;position:fixed;background-color:green"></div>
</div>

<p>
This div should be rounded. You should see a rounded green square or the test has failed.

<div style="width:100px;height:100px;overflow:hidden;position:relative;border-radius:30%">
<div style="width:100px;height:100px;overflow:hidden;border-radius:24px">
<div style="width:100px;height:100px;position:absolute;background-color:green"></div>
</div>
</div>
</div>