Firefox width problem with blog titles

[Fiky]

At the moment my blog titles are showing up as

How to
Run a
Marathon

I want it to simply strech out like this;

How to run a marathon.

BUT in internet explorer 6 it displays correctly but in firefox I get the problem only.

The only way I can fix it at the moment is by setting the width of this class to 1000%:

.contentheading {
width: 1000%;
font-size: 1.4em;
display: block;
padding: 15px 0 0;

It creates a huge amount of scroll space in width but seems to work.

Id just love to figure out how I can make the headings appear correct in firefox without having to use width 1000% and creating all that undeed side scroll space.

Any help - thanks a lot!

[Fiky]

Here is the offending CSS file <snip>

I have spent many hours trying to fix this problem if anyone would be kind enough to skim through the CSS file I would be totally grateful!

[edited by: encyclo at 2:40 pm (utc) on July 3, 2006]
[edit reason] no links to personal sites please, see forum charter [/edit]