I created a new header image and sized it to fit between the top and bottom lines of the header image area.
I realize the bg image extents above and below these image lines. I have managed to create an image that
should fit between those lines. The positioning looks perfect in Firefox but in outside the header lines
in interent explorer 8.

How can I use a fixed position so that my new header image appears consistently accross all browsers?

I am guessing that I need to edit this in the layout .css

#header {
  position: relative;
  height: 400px;
  border-bottom: 1px solid #333;
}
CommentFileSizeAuthor
#1 bg.jpg268.66 KBsnsace

Comments

snsace’s picture

snsace commented
StatusFileSize
new bg.jpg268.66 KB

Any ideas on this. My custom header image doesn't align exactly the same in FF and IE. I made my bg image to be size 1000 x 521px.
See attachment image I created that is causing problem. The image part aligns perfectly in Firefox but not in IE8 (nor in IE compatability mode).

EDIT: I made a different head that works fine. Looks like with this theme you have to be sure the top and bottom edges are not HARD edges.
Even the stock header graphic that comes with the theme has edges that blend with the background so you don't notice the discrepency.
Just feather the edges, or fade the image to color #070707 at the edges.