Major CSS problems in firefox, r.e <h2> tag

All

I'm having a big problem implementing a <h2> tag on my webpage, the current css code i have for the <h2> tag is:

h2
{
{font-size: 14px;
color: #000000;
padding: 0px;
margin: 0px;
}

I was previously having a large gap appear between the tag and text below, but adding the padding and margin code has rectified the issue in I.E (see here



However in firefox:


Is there something I should be adding to allow the h2 tag to be formatted correctly in both browsers?

Any suggestions welcomed!

 

h2
{
{font-size: 14px;
color: #000000;
padding: 0px;
margin: 0px;
}

Should be:

h2 { /*<<only one of these*/
font-size: 14px;
color: #000000;
padding: 0px;
margin: 0px;
}

 

wd beat me to it. Yup, you have two open squiggles ( { ) in the h2 class.

 

Just pointing out that if you attempted to just validate your css then this error would have been thrown at you. Just a suggestion but try validating your code to see if errors are causing your cross browser inconsistencies.

~eric