Here's the problem. You're UL w/ id of "chart" has a width of 599px, while your div w/ id of "bg1" has a width of 250px. Because of your invalid widths, the ul is filling the div (in essence, stretching the div) and therefore covering up the background image.

A fix would be to:A) Make the ul smaller (inside of 250px)B) Make the div bigger (600px+)

Can you link to a live version of your page, or give us the full code (HTML and CSS)? Using just the code you've given above, I get a blue background showing through behind the ul, so there must be something else going on.

As TehYoyo says, your ul is wider than the div, so the background does not extend the full width of the ul.

As I said before, we really need to see the whole thing. Even with the div set to 250px, it was showing up on my test case. You have ids and classes in your CSS that don't appear anywhere in the HTML you gave us. If you have more HTML on the page you're using, then we need to see it, to see if there's any conflict. That's why I asked for the whole of your HTML and CSS.

It's also possible that there's something in the JavaScript causing the problem. If you can't link to a live page - by far the best option - you need to provide all the relevant code.

I'm using Firefox and Chromium (on Linux). I don't have your background image, so I've substituted background-color: #CEF. Try that instead. Are you quite certain there is no styling associated with your JavaScript that could be conflicting?

OK - as far as I can see from that, you've now located your background image but it's not extending far enough down, is that right? Try removing height:116px from div#bg1. (As a rule of thumb, it's best not to set heights on most elements, if you can avoid it. An obvious exception is images.)

[ot]If you wrap your code examples in [noparse]

[/noparse] tags in future, it will make life easier all round. You can also choose the "Go advanced" option, and use the # button to add the tags, or choose from the syntax dropdown menu.[/ot]

You have several problems here. Firstly, you shouldn't have headings inside a <ul> - it's not valid. Secondly, you have line-height: 20px; set on <body>. There are six lines of text inside your ul, so that's 6x20 = 120px.

It's getting late here and I need my beauty sleep. I'll check back in the morning and see what progress you've made.