I'm not sure why this is happening. My background is 3600x10 px, and is centered with:

background: url(image.jpg repeat-y 50% 0)

but will not show up on both edges of the top half of the page. I've tried adding a background to the main body and html tags, and I've made sure all other divs have width and height assigned so i know that they are not interfering. Not to mention, the background that will not appear is outside of the main 1200px container div anyways, although it is showing up below.

This seems too simple. Someone please tell me what obvious detail I am looking over! Thanks in advance!

Here's the page: http://www.taokore.com/config.php

background: url(image.jpg repeat-y 50% 0)

Bad syntax ! Should be:

background: url(image.jpg) repeat-y 50% 0;

Ahh, whoops that was a typo while I was in a rush earlier. It is in fact displayed as the latter, rather than what I originally posted. Thanks for the quick response though. :P

So, problem still exists unfortunately.

In what browser?

looks to be working for me. Tried FF, IE6, Opera

Actually Chris, it appears the same in all browsers (tested w/ FF3, IE6, Opera, Chrome, Safari). Perhaps you have a lower screen resolution and cannot see it on the edges? Here's a screen shot of the problem.

http://www.taokore.com/images/bgprob.jpg

Perhaps you have a lower screen resolution and cannot see it on the edges?

Would you say that 2560px over two 19" monitors would be big enough?

I just took a look at it... it looks like if you get rid of height: 100%; on html, body your problem will be fixed.

- Steve

I'm not sure where your problem lies ...

considering that you actually tell the background image to start repeating from 50% down the page, it seems to be doing that quite well.

it looks like if you get rid of height: 100%; on html, body your problem will be fixed

But if he gets rid of that, his page won't be full height

Originally Posted by LadynRed

But if he gets rid of that, his page won't be full height

Aw man! I hadn't thought of that. Say, out of curiosity - what bug was it fixing when people started putting 100% height on their pages?

- Steve

Don't believe it was a bug at all, although giving a div a height or width invokes MS's stupid hasLayout, which does solve some of it's bugs.