Yes, do that, top image in .header-left is how it should be! #header has to have the repeating image, because that has to be behind the main image. .header-left should have the main image, and sit on top, but first you have to tell .header-left to be the same size as #header, to fill up that space all the way. Otherwise, your top image won't be centered properly. This is probably counterintuitive, looking at the html, but the further down in the html code a container is the further "up" in the visible stack it is. So .header-left gets the top image.