Circle appears as a square in IE : <p>I have the following css code for drawing a circle on a page. </p>

<pre><code>.full-circle {
 background-color: rgba(204, 0, 102, 0);
 border: 3px solid #333;
 margin: auto;
 height: 75px;
 width: 75px;
 -moz-border-radius:75px;
 -webkit-border-radius: 75px;
 }
</code></pre>

<p>It is called by:</p>

<pre><code> &lt;div class="full-circle"&gt;
</code></pre>

<p>Works fine in Firefox but when I run it in IE it appears as a square and i'm not sure why.</p>
