Hi, I'm working on a website for my friend, and I'm trying to get a background image to work for the blog page but it will not appear even though I am quite sure I referred to it correctly in the CSS stylesheet for that page.

The rest of the website displays the background correctly but I had used a different layout for those pages with a different external stylesheet.

The page in question can be viewed here: http://paras360.com/blog/

Thanks for any help!

Why are you setting a specific x and y position and a repeat-x? The background image only shows near the bottom of the name, just above the navigation links.

AFAICS, a simple background: #000000 url('http://www.paras360.com/blue.png') top left repeat; would do the trick. Is that what you're after?

Oh sorry that's not the one I'm talking about...that one works fine for me. If you scroll down the CSS find the main-content id. That's the background I'm talking about.

You use floats and you haven't cleared them so #main-content collapses. Put a contrasting border on it and you'll see.
http://css-discuss.incutio.com/?page=ClearingSpace

Ok thanks a lot! It is now displaying, but the picture doesn't extend over the sidebar. I'm pretty sure the div is correct so would there be a reason why the image stops displaying after that point?

Actually I figured it out. Anyway thanks for the help!