Inline container with background image

[Cryssie]

Say I have a div. It's a block-level element, so it puts itself on a new line. I don't want it to do that. So I try using a span tag instead, or adding display:inline, but then the background image doesn't show.

How do I get it to appear both inline and with the background image?

In case it's relevant, this div is of a fixed size and contains two other absolutely-positioned divs also of a fixed fize and with background images (but they're behaving).

 

[Butterfree]

You can't fix the size of an inline element. I'm not quite sure what you're trying to do that makes it vitally important for the div not to go into a new line. o_O

 

[Cryssie]

A new style of NaNoBar, actually. I suppose the old one went on a new line, too, but it was wider than it was tall so I always put it on one anyway.

This one is taller than it is wide, and I'd like to be able to display it alongside something else in my sig, and give people a simple copy-paste for it so they can do the same (without fiddling with floating it out to the side of something else or whatever you'd normally do).

I don't suppose it'll matter when I get my brother to automate and image-ify it, but eh.

... It is a rather nice progress bar if I do say so myself. :D