I have a page that has a few <span>s, but I only want to display one <span> at a time. I have one set to visibility:visible when the page loads, and the rest to visibility:hidden. However, in IE 8 & 9, all of the spans are visible when the page loads. The links I made to switch from one span to the next (Javascript) do nothing. It's as if the CSS "visible" attribute is being ignored by IE. All the other styling attributes seem to be correct.

Also, everything works fine in Chrome, Firefox, and Safari.

Thanks for the reply Richard. I have now identified the problem to be slightly different than I first thought. Internet Explorer is actually ignoring all CSS for the entire page, not just the visibility attribute. I am just putting the CSS code in the header in a normal way:

<style type='text/css'>
body {
etc.........
}
</style>

Any ideas as to why IE is not running this code? Still works in every other browser.

Thanks.

 i got this problem too