Problems with layout in IE 7 [SOLVED]

[crucibelle]

EDIT: This issue has been solved. Mad props to marahmarie for helping me work through this mess!Hello everyone. I have my journal designed just the way I want it. It looks fine in Firefox (which is what I use) but the header (I think) is shifting one pixel in IE7, so it doesn't line up with my background. Everything is one pixel off. Does anyone know

Comments

[samantilles]

absolutely gorgeous layout-- just dropping you a note to let you know it also works with Apple Safari, so it might just be a IE 7 issue-- I have those a lot (as it will deal better in Firefox and all the other browsers but not IE)

[crucibelle]

Thank you! It took me forever to create it. I'm happy to hear that it works in Apple Safari! Ideally, I'd like it to work in all browsers, but I know that's not going to happen. I just hope that this IE issue with my journal is one that can be fixed! Thanks again! =)

[av8rmike]

It might not have anything to do with the problem, but I noticed that the image is 1095 pixels wide, but you have the width of #header{} set at only 1094. What happens if you try changing the width to match the image?

[crucibelle]

I'm sure that has something to do with it, I just don't know what -- because when I change the width to 1095px, then everything shifted one pixel off in Firefox. I wonder if shaving a pixel off the image would work? I dunno. This issue is even stranger than I originally thought, though. If I change the page width one pixel (one pix less), it fixes the issue in IE, and it still looks fine in FF... IF the screen res. is over 1024 x 768. This might also have something to do with the overflow:hidden I added to #container. I did that, because my journal was scrolling on 1024 x 768 and I had some people complaining. I really don't want to make my layout smaller, because I have a huge monitor, and I don't want everything to be tiny. Thank you for your help!

[marahmarie]

Is this what you're seeing in IE 7?

http://pics.livejournal.com/marahmarie/pic/000155wk

That screen cap was taken with IE 8 running in IE 7 mode.

[crucibelle]

Yep, exactly. I've looked around on the internet and it seems as though this is a Firefox 3 bug, instead of IE. I've got it 'fixed' for Firefox, but that screws it up in IE. I think I may have found a fix though. I'm testing it.