Headings sizes h1 h2 h3 in Firefox

I have a problem with headings in Firefox.

Website is at http://toto-bongo.heroku.com/blog

Firefox Screenshot

Chrome Screenshot

What can 开发者_JAVA技巧I do to fix this?

Your problem will be fixed if you simply define the sizes of the elements in your CSS. If you're worried about the size of all of your elements, your best bet is to use a reset stylesheet, which will really help you if you're worried about cross-browser compatibility. Using a reset stylesheet forces you to define specific atributes to each tag that you use, thus eliminating any ambiguity between browsers.

In my experience, the most likely cause of this is mismatched open and close tags, which the browsers interpret differently. Unless, of course, you are specifying styles for these tags.

Since there's no link we can look at, it seems unlikely you'll get a definitive answer here. But I would be surprised if FireFox really shows <H1> tags that small out of the box.

This could be caused by custom styles in your userContent.css file. This file is in your Firefox profile folder, in the chrome directory.