Problem with header in IE, border visible or image offset

[scwalter]

I've created a tab-like interface for my site and it looks fine in Firefox, but in IE there is a border present on my header. See the image below. If you look at the orange circle around "photo", you can see that it looks like the entire header image is shifted up by about one pixel, which may be why there is a black border along the bottom.

Anyone know how to fix this?

Thanks,
Scott


PS. I tried searching, but the number of hits on header and border is pretty high and I couldn't find anything helpful.

[Mike Lane]

I didn't take time to figure out why it's doing it, but here is a quick fix:

#SCWnavcontainer {
position:absolute;
top:0px;
left:0px;
}

In your current code the red "top" is a "bottom". Change that to top like I've got and it'll work. Since everything is 45px tall in your header it'll work across all browsers too.

[scwalter]

Brilliant. Thanks Mike.