Date: 07/23/05 (WebDesign)    Keywords: css

I'm currently working on a site and I've discovered this bizarre little bug. I have two css stylesheets that I'm referencing in this page. One is for the main elements and the other style sheet will change the colours of those main elements depending upon the page that you are viewing. Now here is the bizarre thing.

Since many of the same properties are only going to have a colour change I have them all grouped together. Here is an example (and actually the list is a lot longer but I'm just giving you an idea) :

body#products .content_title, body#products .sec_bold, body#products a.side_bar_nav:link
{
color: #9C2722;
}

This works perfect in IE but when I view it in firefox it won't read the colour. Now if I define them all separately it works but that would make my css sheet huge when I think I should be able to combine the properties.

Here is the site that I'm working on.

Any suggestions?

Thanks!

Source: http://www.livejournal.com/community/webdesign/936350.html