Header image issues

[sharpiefan]

I've just switched a community journal that I run to the new Librarian's Dream layout (which looks great), and added a header banner in using the CSS code below:

#canvas {
margin-top: 10px;
background-image: url(http://i26.photobucket.com/albums/c139/Sharpiefan/AnythingAoSbanner2.png);
background-repeat: no-repeat;
background-position: top center;
padding-top: 250px;
}

Unfortunately, this leads to a slight issue with the sidebar overlapping the banner a little, as shown in the screencap below (click to enlarge):



Is there any way to centre the banner above the entries? (I can alter the image itself to do, but it will be a case of trial and error, and will not look right on monitors that don't have the same resolution as my own, so it's not the ideal solution.)

Help!

Comments

[branchandroot]

If you put the image in #header rather than #canvas, that will center it over the entries, but that will also put it on the blue background. It looks like that wouldn't clash with the image, though, so maybe that would be all right?