Hello,
i used the css3pie and it works by a "normal" div, but in a div like a Layer it doesnt work.
I gave the Div with the box shadow a z-index and the position: relative.

Online Link

Can someone give me a tip or suggestion?

The outer DIV is position absolute but the inner div with shadow ist position relative...

It now works in IE6 and IE7, but the text-shadow only appears in IE8 by mouseover

no one

I tried a lot but without solution for IE8

For me it doesn't work for IE6 but works for IE8 (I use IETester)

An error is being thrown when clicking the link. That may or may not be related to this issue.

The code is very complex (yay ExtJS!) but it looks like your PIE styles are attached to multifunctionLayerOuterContainer and the JS modifies styles on its parent layer to change the visibility/opacity. PIE won't be able to react to the changes on its parent, unless you tell it to; see -pie-watch-ancestors: css3pie.com/documentation/supported-css3-features/#pie-watch-ancestors for a possible workaround.

Otherwise, if you want a quick-and-dirty hack, if you make your JS modify a property of the multifunctionLayerOuterContainer (e.g. className) then PIE will update itself -- that's what happens when you mouseover the element.

We found a solution, the extjs made our Layer visibility: hidden; and visibility: visible; this made the problem in IE8
We changed it into display: none; display:block

This is exactly the same problem that I am having with GWT PopupPanel and DialogBox.

Using visibility: hidden to visibility: visible seems to be the cause.

Do you know if anyone has filed a bug about this?