Firefox backgroung image on span

[cluettr]

What is it that I am missing in order to make the background of a span appear in firefox? It appears correctly in IE.

<span style="width:543px;height:64px;background-color: black;background-image: url(_images/banner_left.gif);background-position:left bottom;">
</span>

[Centauri]

Inline elements, such as spans, cannot be given a width and height. If this is required to just display the image, either convert it to a block element using display:block or float, or use a div. If a block level element cannot be used in your situation, wide padding or borders assigned to the span may bring it to the desired size.

[WebJoel]

background-image: url(_images/banner_left.gif)

Does this even work at all? "underscore" starting a file-name or folder-name doesn't seem to work for me on my computer.. :confused:

[cluettr]

Thank you so much I understand.

One question you or someone else may be able to answer. If I wanted to generate three blocks that were side by side within a containing block what is the best way to do it? As you can see I have been doing it with spans because it naturally allows the content within it to sit side by side with the content next to it. Block level elements do not allow you to do that, they always appear one on top of the other.

[Centauri]

float:left

[cluettr]

Thank you! : )