Hi,

div.panel {
background: -moz-linear-gradient(center top , #FFFFFF 0%, #F4F4F4 100%) repeat scroll 0 0 transparent;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
margin: 0 0 20px;
padding: 20px 20px 2px;
}

I have this box, and after adding behaviour PIE.htc to it, in internet explorer 8 i get a black outline instead of the normal shadow.

In ie7 however the shadow is normal. What could be the problem? If you want pictures of the problem, ask me.

Re.

Pictures would help, or better yet a URL.

Note that rgba alpha doesn't work for shadows with blur.

I uploaded screens, since my web is not live and no way doing it so at the moment. I don't know why this happens. Notice the black outline in IE8 and normal shadow in IE7.

Another example posted screenies. See after clicking refresh 5 times, it renders normally. How to solve this?

.mytabs {
background-color: #F8F8F8;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 6px #C3C3C3;
height: 468px;
margin-bottom: 20px;
margin-top: 15px;
overflow: hidden;
position: relative;
text-transform: uppercase;
width: 100%;
behavior: url(../assets/js/pie/PIE.htc);
}

This is the main part of css

works normal using the javascript version of PIE , so it must be some load timing problem when execution of jquery and rest of js happens, basicly PIE has to be the last step judging by princip i used to load the JS version. But seems that .htc inside css does this before some other js\jquery happens. This might be the problem

The IE8 mode in IE9's developer tools isn't an accurate rendering, I've seen users with all sorts of strange rendering issues trying to use it. You really should be testing in a real IE8 install, it's very possible that your black outline issue is an artifact of the fake IE8.