Export to GitHub

curved-corner - issue #5

IE8 dont work with ul elements and it show a black border with compatible-mode


Posted on Aug 27, 2009 by Swift Wombat

Hi, I am developing a spanish website that uses border-radius.

I try that looks the same in all browsers, but I cant because boder-radius dont work.

I add the MIME types on CPanel.

This is my web: http://acquafarma.net/online/

The left menu uses a Mootools script called MenuMatic that use border-radius

The code is here: http://acquafarma.net/online/css/MenuMatic.css

/* All submenu OLs and ULs */

nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {

/*border around submenu goes here*/
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-color:#d2e0ea;
border-radius: 8px;
behavior:url(border-radius-ie8.htc);
/*-ms-border-radius:8px 8px 8px 8px; */
background:#d2e0ea; 
border:1px solid #21942c; 
left:0;

}

This dont work, but inline border-radius on center panel is working with black border. I put border-color attribute but it dont work yet.

With Firefox 3.5 you can see the right behaviour, but dont with IE8.

Comment #1

Posted on Nov 18, 2009 by Quick Kangaroo

A new htc file is avaialble. Please check and revert back if the issue is still there

Comment #2

Posted on Nov 18, 2009 by Swift Wombat

I uploaded the new htc file. The same behaviour. So it don't fixed yet (I dont know how to revert the bug state, for me don't seems to be changeable.

Status: Fixed

Labels:
Type-Defect Priority-Medium