CSS help. Displays differently in Firefox and IE

[cynikalsam]

I'm still working on modifying my theme, and i've come across a small problem, but it has me stumped. The background color for the table that says "This category contains albums that belong to cynikalsam.com users." should be darker in Firefox. You can see it here.

It displays properly in IE and Opera, but the color is too light in Firefox. I think the problem has something to do with this CSS code;

.tableh1 {
   background: #000111;
   background-image: none;
   border-bottom: 1px solid #000000;
   border-right: 1px solid #000000;
   height: 25px;
   padding-left: 10px;
   padding-right: 10px;
}

.tableh1, .tableh1_compact, .navmenu, .navmenu a, .navmenu  a:hover {
   background: #000321;
}

I'm just guessing, as thats the only table where i can seem to change the colors. How would i make it display the same in Firefox as it does in IE? 

[Joachim Müller]

you mustn't have double definitions: remove

Code Select Expand

   background: #000111;
Welcome to the real "pain-in-the-ass" world of web browser differences - generations of webdesigners had to live with stuff like this; matters have improved (Netscape 4.x can be considered "obsolete"). Only recommendation I could give: produce valid code, don't "confuse" browsers with double-definitions.

Joachim

[cynikalsam]

Thanks you.

Just tried that, and it still is wrong in Firefox, and its still correct in IE.. Should i just post my entire CSS?

[Tarique Sani]

Just tried that, and it still is wrong in Firefox, and its still correct in IE.. Should i just post my entire CSS?

Install the Web Development Toolbar in Firefox (search at http://mozdev.org ) and see which / how CSS is being applied

[cynikalsam]

OK i installed it, and it says its using the correct CSS. Im not sure what you mean by "how" though..

Still not sure how to fix it

[Tarique Sani]

From the Information menu in the Toolbar select "Display ID & Class Details"

[cynikalsam]

Oh wow, now there's a usefull feature. lol Thanks

Its area i'm trying to get displayed the same in IE and FF is class=tableb. And theres a green tag at the top that says "id=gallery"

Not sure what else to tall you from that. 

[Tarique Sani]

Post screenshots of the same page in IE and FF and point out the problem area

[cynikalsam]

Ah i just fixed it! I had to change

.tableb {
   background: #000321;
   padding-bottom: 3px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
}

to..

.tableb {
   background: #000111;
   padding-bottom: 3px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
}

So its displaying fine now. Thanks for all your help

[photoshopabuser]

Sheesh! 

Thanks for that nugget of info Tarique! I have had that for awhile but was not really sure what to do with it.
I am not the sharpest tool in the shed when it comes to any sort of coding and this will help out alot.

Thanks again!