Info about the info in styles panel

Question

Hi
I am a little bit confused about what the CSS styles panel
shows me.
When I investigate the styles I have noticed that some
properties have a line through them. Could someone explain it to
me., because I have a problem that I think is associated with the
inheritence of styles.
I have created a test page that shows a gallery of thumbnails
but the first one is not shown when the page is refreshed. All
works fine in IE but not in Firefox, I have also placed the exact
same code a little lower down and this works fine. Therefore I am
concluding that the nested style classes are affecting the page.
If you want to view what I mean the link is:
Problem test page
I have also attached the source code if your interested.
Am I on the right looking at the styles to solve this
problem.
Many thanks VoodooJai

Answer 1

You have redundant ; semi-colons at the end of the lines of css below (which will stop the css cascade)
#main { background-image: url("images/0back_matisse_20.gif") };
#main h1, #main h2 { color:#009 };
#main p.cap:first-letter { color:#009 };
Remove them and see if that corrects the problem.
#main { background-image: url("images/0back_matisse_20.gif") }
#main h1, #main h2 { color:#009 }
#main p.cap:first-letter { color:#009 }