Design + Coding > CSS Elements Not Showing Up on Page

I've searched for a solution to this in the archives but can't seem to find an answer.

I'd like to place some extra elements inside of DIV tags (background images, etc.). I inserted the following into the Custom CSS Section:

#subBox { background: url(/storage/blockatest.png) left top; }

and I placed the following above the Content in the Code Injection area:

<div id="subBox"></div>

When I load the page (oakmc.com) and look at the page source, I see the <div id="subBox"> </div>, but there's nothing in the div section.

What step am I missing here? Do I need to do something with the customizable elements?

Thanks for any help you can provide.

11.3.2009 | Registered CommenterDavid P

You need to specify the height and width of the container, or add the image inline within the HTML.

DIV elements automatically expand to fit inline content, but you have none (a background image is not inline, so the DIV doesn't expand to fit it in).

11.3.2009 | Registered CommenterJosh Kill

Thanks, Josh.

Consider this closed.

11.3.2009 | Registered CommenterDavid P