I have a layout design (created by my wife) that integrates the branding image into the design of the page, such that the branding image looks like the top of a border that goes around the entire content area.
I achieve the look by using a border background image around the div.fullwidth.fix container. I also canceled out the padding so that the elements rest right on top of each other. Then I uploaded a header logo that fit right on top of the content area to complete the look. See here (note the colors are off as we redo the design slightly)
Here's my problem. When you shrink the size of the window, the header image shrinks at a different rate (the margins on the side are slightly different) and it ends up with a white gap below it. Is it possible to make the margins on the side of the branding image the same as that of the div.fullwidth.fix container and to make the image sit on the bottom of the header to avoid the white space underneath?