How do I use CSS to create rounded corners in IE 8? [duplicate]

Tags: html,css,internet-explorer-8,rounded-corners

Problem :

This question already has an answer here:

How do I use CSS to create rounded corners in IE 8? Since the CSS rule corner-radius doesn't work is there a solution to create rounded corners in using CSS in IE8 (or IE6, and IE7).

Solution :

After a lot of research, I have found that there is a fix similar to the PNG transparancy fix available to IE6, called CSS3Pie. The website to the solution is found here:

You will simply have to add behavior: url(path/to/pie_files/; to your css anywhere you wish to implement rounded corners.

#myAwesomeElement {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(path/to/pie_files/;

    CSS Howto..

    jQuery Mobile - How to change the css classes to be applied when i use a data-attribute?

    Show nav once the nav has been hidden

    How to set each type of page transition to a specific page? (css animations)

    How can I add flashing effect to an option tag?

    How do i style a list within a list?

    jQuery - How to adjust CSS filter (blur)?

    CSS3: How to add more than 2 CSS Ribbon effects to same banner?

    How to style CSS for input box's width as a percentage when it has border and padding?

    How to put 3 of these tables into the correct spot with CSS

    how to indent html output using CSS

    How do I style the membership control with css?

    How to remove style type css wordpress from header?

    How does have the title text underlined?

    How to make 3-Column layout with fluid center (fully utilize space), and variable-length on sidebars

    how to achieve following using css ( digits input )

    how do I get plus sign in rectangle in css?

    HTML/CSS How to auto-adjust the width of my container in order to show several images horizontally displayed?

    How to do like this list using
  • and CSS?
  • how to stop jquery change css of all the divs onhover of a single div

    How to make a img flicker using css(should work in all browsers)

    Conditional css showing limit items

    How to make div scroll down with a page once it reaches top of page?

    Bootstrap: Only Show Fixed Footer In Larger Screens?

    CSS HTML How to make a larger image than div display in full in div

    How to change the width of bootstrap popover

    How to avoid Zalgo text bleeding all over place without totally removing it?

    How do I override a css value?

    Hover over image making it transparent and showing text

    How to display search icon on right side through css?

    How to create image curved using css or jquery (See picture)