Currently I am using PIE in a page that uses a javascript swap content using "display:none." I'm finding that if I switch to a different section that also uses PIE, when I go back to the first section the PIE elements are now floating up off to the top left. This corrects itself when I resize the browser window.

How can I avoid having this happen? Users need to be able to go between sections.

I've tried with and without position:relative on all the PIE elements but that did not correct it.

First off, try using visibility: hidden/visible instead of display: none/block etc. as this will allow PIE to get metrics and position information on your element. If that doesn't help, you might need to tell PIE when the elements move.

Thank you.

Unfortunately I don't know JavaScript. The best I can manage is to tweak (or break) something. Assuming I did it right then changing it to use Visibility instead of Display didn't work. But that means that I don't know how to use what is in the examples on that page.

I reread the documentation and tried forcing the polling on for those elements that get hidden. It helps. Those elements still show up out of place for about half a second but then they correct themselves.