Position Absolute Shifting In IE?

Unfortunately I don't have a machine running IE6 or IE7, at the moment, which are the versions that this bug is happening in. Seems to work OK in IE8.

Here is the site: http://www.fitfusionfitness.com/

The top logo tab is supposed to be positioned to the left, not over on the right. I'm really not sure what's going on. Any help would be GREATLY appreciated. It's a pain to make a change and keep going to Browser Shots to see if it fixed.

I'm sure someone with better knowledge of positioning in CSS will have a fix.

Thanks,

Hi are you still have a problem or you found someone to fix it?

I can do it for you in exchange of small reward =)

Originally Posted by Alchemist Hi are you still have a problem or you found someone to fix it? I can do it for you in exchange of small reward =)

Yes, still having it. What did you have in mind?

By the way, I've moved it to a different directory:
http://www.fitfusionfitness.com/newsite/

Originally Posted by JasonGDX Yes, still having it. What did you have in mind? By the way, I've moved it to a different directory: http://www.fitfusionfitness.com/newsite/

Set the position of #header to relative (as in #header { position: relative; }) and then set the left property of #logo to 0 (as in #logo { left: 0; }). (I'm not saying overwrite the current CSS definitions of those elements, just add that in.)

Seems to work for me, though I've only applied that using javascript not in the main css so I can't tell for sure (this being IE after all) that a bug won't still mess up rendering. Anyway, happy to help.

Thanks! That did it!

If you ever need to test out IE, and you use firefox, try adding this addon. Saves a ton of time

Originally Posted by Wex If you ever need to test out IE, and you use firefox, try adding this addon. Saves a ton of time

Thank you for the tip, but that extension doesn't work on Mac OS X. You actually need IE installed to run it.

wow! a very useful addon.. .thanks