I have created a website using dreamweaver's Spry Accordion element for navigation on the left hand side.
It works fine in Safari, Firefox and Chrome but I just found out the other day that Internet Explorer (IE8) renders it differently so that none of the text is visible until you roll over it. Somehow IE seems to be rendering the colours differently, in this case black-on-black instead of white-on-black as it should be. On rollover it renders correctly and suddenly the accordion labels become visible, but this is not how it should be.
Similarly when a selection is made the active panel label renders black-on-red instead of white-on-red. I'm not so concerned about this because at least it's readable.
Here's the site: http://www.classifiedpages.co.nz
I have tried adding some conditional code to the css which hasn't worked (possibly because I'm not doing it right or because that isn't the way to fix this problem).
Any help would be appreciated.
Thanks Gramps, that information was really helpful.
I just removed all instances of 'rgba' in the .css rules that specify color, changing it to 'rgb' and also removing the 4th parameter indicating the transparency value.
Now that I understand what the problem was it actually makes complete sense, since IE does not support transparency.