border-radius not working by using PIE support?

Question

I want to give border-radius 50% for internet explorer 8, I am using PIE library but still it's not working.

I use the following css:

.format-circle {
    width: 170px;
    height: 170px;
    display: table;
    border-radius: 50%;
    margin: 10px;
    behavior: url(../../PIE/PIE.htc) !important;
    position:relative !important;
}

And the following html:

<div class="media-left media-middle">
    <div class="format-circle format-practical">
        <div class="format-circle-content">
            <h1>Practical</h1>
        </div>
    </div>
</div>

And I have used the .htaccess file to enable the .htc file support as well.

My application is static web application, and isn't using apache or any other server. Not sure if the .htaccess is helpful in this situation or not.

Answer 1

Try to use this:

-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

Also check your path folder for PIE

behavior: url(../../PIE/PIE.htc) !important;