Hello

i've created a dropdown menu with nested <ul> et <li>.
but i didn't manage to make border-radius working in IE for menu items :



if i add position:relative then the submenu (which have position:absolute) is hidden and border-radius still not working
i tried without the :hover but still not working

i don't understand where i'm wrong

> another bug : box-shadow is working thx to css3pie but it's causing a space on the right of the div (this div is behind the menu)
i did the same with footer
div with shadow is inside footer tags
i managed to get rid of the space by adding this code :


i tried the same for my menu problem but didn't work

here's a live demo : http://divstudio.fr/test/abpieh/index2.html
any ideas ?
thx a lot for your help !

Did you try applying the behavior to .lt-ie9 li#submenubleu without the :hover?

Thx Tonttu
Yes i did : same result ...

anyone ?
thx

It seems that for your submenu <ul> elements you are giving them the following:

behavior: url(http://divstudio.fr/test/abpieh/css/css/PIE.htc);

That URL does not exist. The main menu uses a different relative URL which works.

Thx Jason but i use the same URL for shadow around the picture and it's working :

.content {
position:relative;
margin:5px;
box-shadow:0 0 5px #888;
-webkit-box-shadow:0 0 5px #888;
-moz-box-shadow:0 0 5px #888;
-o-box-shadow:0 0 5px #888;
behavior:url(css/PIE.htc);
}

I'm not following you. You say the url(css/PIE.htc) works, which is true, but that's not the same URL as the absolute URL I pasted from your code. Try visiting that URL and you'll see you get a 404.

from which file did you paste this URL please ?

Sorry I misspoke, it's not from your code but from your page's DOM.

http://cl.ly/37433d3L2L1a2l2L2S0Y

Since you don't use that URL directly in your CSS, it sounds like you've got some javascript that rewrites your stylesheet incorrectly. My bet is on Selectivizr.