The reason that I do not use this simple solution is that, although it will work to put icons to the right of headings, in setting headings to display as inline you lose several important heading functionalities – headings will no longer sit on their own line, and you will lose padding and margin settings on them as well.

You can simplify your solution by losing the SPAN tags and setting the H2 to “display: inline;”! :)

Simplified CSS:

h2 {
background: url(images/h2.gif) no-repeat right center;
display: inline;
padding-right: 40px;
}

Enjoy!

Firefox 1.1 on XP and Firefox 0.93 on Win2k.

Anyways, I’ll leave the bug testing alone, sorry if I’m being a nitpicker. :-)

Cheers,
Jai

I’m surprised because I haven’t seen the scrollbars on firefox or ie for the pc, and my team mates haven’t seen them in their browswers on the mac.

I’m not surprised because this is a challenging project, in terms of the css. It’s a drupal site with tons of strange code spread across many stylesheets. Then there have been a few designers and coders with limited css knowledge working in there before I got brought on board. It was one of those projects that was a bit stressful just to get a handle on the code.

Finally, it is definitely in big time beta phase. I’m sure over time, the problems will all get worked out.

By the way, I’m assuming this is an early version of Firefox, like last time?

Just a note here – the site shows up with horizontal scrollbar on the home page, while the inner pages sport both horiz and vertical scroll. I know the site’s still under development, but am noting this just in case.

Btw its perfect in IE of course. ;-)

Cheers,
Jai