I just created the background for DCs page and I have a problem that I can't seem to solve.

The background is sized 100% so it shows as much of the image as possible no matter how big your screen is. It's 1920x1200 and my screen is 1366x768. This may or may not be relevant.

The problem is that when I view the profile, I get a weird yellow-orange line at the bottom of the page like this:

The bottom is supposed to be all a smoky black color. When I move Windows' taskbar to the left, it disappears; that's why I think this might be a sizing issue, but I don't understand where it's coming from.

The image is a combination of three: the Declaration of Independence, the DC silhouetted skyline, and wispy fireness. I've checked in GIMP and it seems like everything is aligned correctly.

Can someone please help me figure out where this line is coming from and if there's anything I can do about it? Thanks. <3

Resize the window and wiggle the width of it about, you'll soon see what's going on c: The image is tiling at the bottom. The yellow line on the bottom of your screen is the top of the image repeating - This is because the ratio for different screen sizes can differ, as 1920x1200 is 16:10 and 1366x768 is 16:9 (I think).

You could make the image fade to transparent just at the bottom, and add a no-repeat and a colour to the background in the CSS. This means on different screen ratios, the bottom of the image will make a seamless transition into whatever you set the background colour as, instead of tiling.

Wow, I didn't even think about repeating since it's a bigger size than my screen. Good to know about ratios! Thanks for your help. :)