VML shape not clipped by parent overflow:hidden in AjaxControlToolkit's Accordion control

[lojjic]

Test case: http://207.61.175.213/PIETest/AccordionTC.aspx
Source forum post: http://css3pie.com/forum/viewtopic.php?f=3&t=1131

In this accordion control the submenu is clipped by giving its parent a height:0; overflow:hidden; -- for some reason PIE's VML shape is not getting clipped by that as it should.

Sounds like a nasty bug in IE, but will investigate for a workaround.

[SAPikachu]

It seems that link of the test case is dead but I believe that I stumbled upon the same bug. I am using box shadow with something like the equal height columns (described on http://www.positioniseverything.net/articles/onetruelayout/equalheight) . When I apply PIE on the element, the shadow doesn't get clipped by the ancestor element which has overflow: hidden on it. This totally breaks the layout.

I tried to fix it by using CSS clip on PIE container element, it mostly works on IE8, but fails on IE7 (shadow is hidden outside clipping rectangle, but it still occupies space). Here is my branch: https://github.com/SAPikachu/PIE

Hope this can get a better fix.