how to render border radius in ie8

hey, anybody here how to render border radius in ie8

.social_icon_area ul li{
float:left;
margin-right:10px;
background:none 0% 0% repeat scroll rgb(92, 143, 31);
padding:18px;
font-size:18px;
/*border-radius*/
-webkit-border-radius:50px;
   -moz-border-radius:50px;
        border-radius:50px;
}

Code (markup):

have any solution of my problem

 

There are many options, jquery, bg hacks choose what fits.
https://www.google.com/#q=border radius ie8

 

While there are scripted polyfills, those usually are bloated garbage even when not in use, and quite often do more harm than good to the layout... which is why pretty much my position on it is that if IE8/earlier users don't get your fancy CSS3 details, OH WELL.

Stop bending over backwards for people who refuse to join us in THIS century over minor unimportant "gee ain't it neat" graphical bits. They don't get drop-shadows and rounded corners, "OH WELL". That's actually the POINT of CSS effects, that they gracefully degrade while still providing a useful (if less attractive) page for people who refuse to keep up and continue using buggy insecure decade out of date browsers.

 

Your second paragraph is very ironic, deathshadow.

http://www.cutcodedown.com/tutorials/eightCorners/page1.html

 

Amazing the difference three years makes -- at the time I wrote that I never thought we'd see an IE that actually supported it... since we didn't even have a preview of IE9 yet; we had IE8, and a YEAR of not even a peep out of MS as to there even being a new version.

 

If you really want to support the border-radius in IE 8, you could use the http://css3pie.com/

 

thanks for reply