I have a skin that has a column with a non-contrasting background color. The headers of the modules in this column blend in to the background color.
To prevent myself from having to create duplicate module designs just for this column, and having to train my clients on how they have to change these designs, I have done the following in CSS to change the color of the headers.
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_title > .Head,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane > .Head,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane > .SubHead,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane > .SubSubHead,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane div div div div p a:link,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane div div div div p a:visited,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane div div div div p a:active,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane div div div div p a:hover,
.ssd_containerwrapper_250 .ssd_elementwrapper.ssd_contentpane div div div table tbody tr td > .SubHead{color:#000066;}
The thing of importance here is that the previous snippet works perfectly in FireFox 3. However, not in IE 7. It appears to be simple enough, but isn't working. Anyone have any input as to why?