Hi,

This is a followup from my previous post (http://css3pie.com/forum/viewtopic.php?f=4&t=1112).
I have a hidden element, which can be shown/hidden using jQuery toggle(). Initially it is hidden and if it is shown for the first time the concerning div is misplaced. Any consecutive toggles will render it at the correct position. So far, I have tested it with IE8 only.

Please see the following test case (using PIE 1.0 beta4):
http://jsfiddle.net/cR4GA/

The first time toggle is clicked the div is placed at a top left position instead of centered above the already shown one. After the second toggle it will be placed correctly.

I guess that's a bug. Is there any workaround for this yet?

Thanks for any hints.

I ran into that myself: what worked for me with 1.0beta5 was to use the .js (.htc didn't want to work with SharePoint 2010 on the AspMenu generated flyout menus) and attach on mouseover and detach on mouseout:

Hiding / showing doesn't tell PIE about the placement of an element. You need to alert PIE, by sending it a move or resize event, so that it can check where the element actually is (and its size) and adjust accordingly.