[SOLVED] DOCTYPE reverses CSS behavior

[postiffm]

Site: new.fellowshipbibleannarbor.org
CMS: 1.9.1

To fix my previous bug, I had to add the proper DOCTYPE to the top of my template.

Before doing so, a table in my left sidebar looked like this:


I like the lines and highlighting of the title. Chrome reports on this this way:

background-color: #666;
border-bottom-color: white;
border-collapse: collapse;
border-left-color: white;
border-right-color: white;
border-top-color: white;
color: white;
display: block;

When I add just the following at the top of the template



then the same section of my site changed to this:


without the lines and highlighting of the title. Chrome reports on the same :

background-color: transparent;
border-bottom-color: black;
border-collapse: collapse;
border-left-color: black;
border-right-color: black;
border-top-color: black;
display: block;

What am I missing here?

[Dr.CSS]

Please check to make sure it's spelled correctly, CSS is case sensitive...

[postiffm]

Unbelievable That was it.

[Dr.CSS]

I know, I use Firefox with the Web Developers tool bar and can find all the CSS etc. and made the change in it to see it go back to what it was...