FireFox 3 and the H1 Tag

Not Reading the Css?

[Lisafer]

Does anyone else have problems with firefox 3 reading the css on an h1 tag?

What I have worked fine in firefox 2 and works in IE. I even went to the W3Schools "try it" section and it only displayed properly when I changed the tag to h2, nothing with an h1 tag read the css.

Code:

<div class="header">
<h1 class="pagetop">blah blah blah</h1>
</div>

CSS:

h1.pagetop {
font-size: 95%;
font-family: verdana, helvetica, arial;
text-align: center;
color: #E0E0E0;
font-weight: 700;
margin: 20px 2px 10px 305px;
text-align: center;
}

[edited by: tedster at 2:00 pm (utc) on Sep. 15, 2008]
[edit reason] fix formatting [/edit]

[mattur]

Try stripping down your HTML and CSS to isolate the problem. I'm not aware of any Firefox 3 bugs that could be causing a problem. If you test a page just with the markup and CSS in your post, does it work?

[jbinbpt]

Clean your cache. FF sometimes retains things.

[Lisafer]

Well now I don't know. I have FireFox in two different versions on my home computers.

I did notice I had two "text-align" tags so I stripped one out and then reloaded the pages on both computers and they were right.

I thought there was a problem when viewing on the office computer, I'll check again when I'm back there.

Could it just be the evil demons that seem to inhabit the company?