I designed the header so it carries into the main content below (because it's pretty tall). I used a negative margin on the main content to get it to display on top of the header. This displayed the main content on top of the image (as far as the margin specified). After the image ends, it continues with a 1px tall background that repeats all the way to the footer. It works great, except that floated objects and borders do not display where the header is. For instance, if the floated image is half on the header, and half on the repeating background image, only the part that is on the background image will display. This really stinks, because I would like to float an image at the beggining of my main content div, but only the half that is off the header will display.