CSS3 Border radius

[mons87]

Hey All, i need your help

I created a navigation with border radius i used css3 and it is work on mozila and chrom but didnt work on IE8 , is there any way to make it work in IE8 ?

I tried ( border-radius.htc ) jqueryfile but also there is no result

The code

#nav ul li{

display:block;

background:url(../img/Nav-new.png) repeat-x;

font-family:Tahoma, Geneva, sans-serif;

color:green;

width:180px;

height:30px;

text-align:center;

padding:4px;

text-decoration:none;

text-transform:uppercase;

float:left;

margin:0;

line-height:25px;

border-top-right-radius:3px;

border-top-left-radius:4px;

-webkit-border-top-right-radius:3px;

-webkit-border-top-left-radius:3px;



-moz-border-radius-topleft:3px;

-moz-border-radius-topright:3px;



border-left:1px solid #c4e3ea;

border-right:1px solid white;

text-align:  center;

position:  relative;

behavior: url(border-radius.htc);







}

[mons87]

@kgscott284

Thank you for your answer … didnt understand what do you mean by using an absoulat path i am new in css,is there another way to make it rounded

I dont like IE8 but my client want his website to work in IE8 ,

Thanks You again

[Author]

Posts