wyc
wyc

Reputation: 55273

Why my site's header has an extra large bottom margin in IE?

This is how it looks like on Chrome and Firefox:

enter image description here

But in IE looks like this:

enter image description here

What could be causing this?

Relevant CSS:

#header #inner-header {
position: relative;
width: 90%;
max-width: 940px;
min-width: 770px;
margin: 0 auto;
}

#header #mainbox {
width: 90%;
max-width: 940px;
margin: 22px auto 0 auto;
min-width: 490px;
z-index: -1;
}

iframe {
margin-top: 120px;
}

Live site:

http://carleighmac.org/

Upvotes: 0

Views: 80

Answers (2)

Thanos
Thanos

Reputation: 3059

At your style.css ~line 1309

Try making the margin like this on the #navigation

margin: -55px auto auto auto;

Hope this helped.

Upvotes: 1

Surreal Dreams
Surreal Dreams

Reputation: 26380

If you look at nav#navigation, the bottom margin is set to 160px... setting that to 0 helps get you part of the way and doesn't affect FireFox or Chrome.

Upvotes: 2

Related Questions