I'm working on a self-contained educational tool. Every "frame" or "slide" is all in one HTML document. I initially start out with all frames hidden, and then show the very first one. The user is then able to click through to each next frame.

This has been working great. Works in all browsers except for IE 7 and 8. There is one point when you click to go to the next section, and all the images and buttons appear at once, even though their respective parents are hidden.

The kicker is that, if in IE's developer tools, I switch off ANY css style for ANY element, everything corrects itself. These elements also seem to ignore any .hide() or .fadeOut() method, but will accept other styling changes through jQuery.

I can post some of the code if anyone would like to take a look. I'm just wondering if anyone has experienced something similar. Thanks