Header alignment issue in IE, Fine in FF - suggestions, please?

[Sketchy]

Yeah, compatibility problems are the absolute worse thing ever.

I wish I could be more help, but I'm really stumped why the mainWrapper image is bumping off a pixel.

As for the header, I just realized that I have one of my old 1.3.5 templates installed with the reverse navbar.. the same as yours. So, I compared page sources and ours don't match.

On mine, the code starts out as mainWrapper-logoWrapper-taglineWrapper-headerWrapper-navMainWrapper.

Your's goes mainWrapper-headerWrapper-logoWrapper-taglineWrapper-navMainWrapper.

So, that may account for the header/nav space due to improper nesting in the tpl_header.php.

[abcisme]

Nope.. I tried reordering to the way yours are.. No change.. I give up! BAHHHHH!

[abcisme]

I may have gotten it!!

I used a conditional template for IE browsers, based on this thread:
http://www.zen-cart.com/forum/showthread.php?t=49391

Please tell me this worked for IE7!!!

[Sketchy]

Yikes. Unfortunately, all it did was switch sides.

I'll see what I can come up with by digging deeper yet.

[abcisme]

Well that just sucks! I am out of ideas myself... I'm about to throw in the towel and start back from scratch!

[abcisme]

Well I feel stupid - I just realized that I have IE7 on my laptop (I usually only use my desktop for working on this stuff).. LOL

So I made a separate stylesheet for IE6 and IE7 and now they are both passable.. There is still a TINY margin on each of the headers, but it's liveable until I can find an ultimate solution.

I'm going to keep fooling around and see what else I can find! Many thanks!!!

[jettrue]

I always add this to every stylesheet before I get started:

*{padding:0;margin:0;}

This gets all my padding and margins that aren't defined set to 0, just so I don't have to deal with inconsistencies, and makes cross browser issues either. If a padding or margin is set to a specific value, then the above is ignored for that tag.

Anyway, don't know if that will help you, but it can't hurt.

[abcisme]

Sketchy figured this out for me (THANK YOU SKETCHY!)

Two issues:

1) I moved the background image to the mainwrapper. For some reason, when the background image was in the body tag it was causing a misalignment.

2) I changed my tagline css from:

#tagline{
display:none; 
}

to:

#tagline{
font-size:0em;
}

It all lines up perfectly now!

[Sketchy]

Awww shucks, again.. you're very welcome!