-moz-border-radius causes inline styles to be generated in IE8

Question!

I am adding rounded corners to my website by including the style attributes for the major browsers -

.optional{
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

When I load this up in IE8 though, the browser generates a bunch of inline styles, all of them overriding my previously defined styles. I do not want to add !important to all of these styles to keep them from being overridden.

Now, when I delete -moz-border-radius: 10px; everything works fine. I do not want to have to test that I'm not using IE and load a separate CSS file.

I have not been able to find anything online regarding this. Help much appreciated.

By : dpetters


Answers
IE8 does not support border-radius property.CSS compatibility-IE8 You have to use behavior property. You can find the required .htc file and documentation here: cross browser curved corner

By : seoul


This video can help you solving your question :)
By: admin