IE Header Problem

[Lawbird123]

when my site renders in IE, the email link in the header gets pushed down, but its fine in FF. Anyone know of a fix for this?

[kuroi]

There are a number of possible causes, but it's impossible to say which would apply without seeing the site.

[Lawbird123]

sorry kuroi... i always seem to forget the link when i post.
http://www.carbonlessondemand.com/shop

[kuroi]

Oh dear. It's difficult to know where to start.

As background, I'm seeing some contradictory evidence about the origins of this template. Some bits look like standard Zen Cart, but others have truly horrible XHTMLish markup reminiscent of a certain template company. The result is a near impenetrable mishmash of approaches with some spacing achieved crudly by <br> tags and some through the use of margin and padding, and sometimes both together in deeply nested divs. This template would really benefit from some simplification and validation.

My initial analysis based on viewing the site in FF and IE7 was that the difference in vertical height was due to the use of <br></br> tags. A break in HTML is <br> and in XHTML is <br />. The tag pair doesn't really make any sense and FF and IE7 interpret it differently with FF correcting it to 2 x <br /> and IE correcting it to 4 x <BR>. Hence the different vertical heights. Personally I wouldn't use BRs at all for this - margin would be a much more controllable approach.

Then I looked at the site in IE6. Ouch. For that browser, such niceties as whether we have 2 or 4 BRs becomes irrelevant as its overwhelmed by the by the structural problems which the later browsers do a better job of overcoming. I'm afraid that you're only going to get this working cross browser by stepping back and re-working the header.

[Lawbird123]

i've been able to fix most of my probs from kuroi's reccomendations but in IE 6 im still getting a large gap between my menu and logo... anyone know what the prob might be?

[dbltoe]

Could it be the 100% height setting?