I tried this and the resulting header expands with the content (no content, no header):
background-position: top center;
background-size: 1140px 156px;
header content here
How do I get the image to stick to 156px high?
One more question:
Is it okay to have the header and footer images full size as opposed to 1px high and use repeat-x (for the sake of making the file size as small as possible)?