I have created a 9 panel site where when clicked each box grows on the first click, spins on the second click, then shrinks back on the third click.
The problems i'm having is only in internet explorer (big surprise there). The first issue was the z-index. Using your feedback, i believe that i was able to get that working. The current issue is once i click one of the panels, i lose all ability to click beyond that point. There is an image/button to continue that particular timeline. But it isn't clickable. I even tried placing a button at the very top of the z-order and it is still is not clickable. I can even select the text on the test button, but not click it.
here is a link to the current state. http://doitalld.com/premera/MS_card_turn_v9.html
I have been mainly working on the center panel. That way i know it is moving in front of all the other panels. That panel has some extra code that the others don't.
I have a zipped file, but it won't attach because it is 11MB. Any help or advice is greatly appreciated.