Space between header and nav bar in IE

My site looks good in other browsers, but in IE there's a large gap between the header and nav bar

heres the way it's supposed to look


here's how it looks it IE


My site is FinanciallyPoor.com

I have no clue what is causing it. I've been messing around with it forever and can't figure it out. Thank you for helping.

 

maybe negative margin values for a menu will work (for ie only)

 

Better you code new style sheet for IE separately.

 

Hey! Looks like there are two possible solutions.

1. IE is getting a diffeferent style sheet then Firefox etc so try commenting out the IE conditional stuff in your header.php (Note you're using a minify script so making changes won't be seen unless you turn the script off).

2. In your ie.css file add the following to it.

.custom .google {padding-bottom:0px !important; padding-left:0px !important; }

Code (markup):

Doing one of those will fix it but 2 will surely fix it.

Have fun!

Virgil

 

I think all that is happening is that the Google Search box is knocking your Navigation down onto another line. Try floating the UL left by adding the following to your class:

.custom .menu {
border-style:none;
float:left;
}

Let me know if that works. If not, after you've floated left, trying adding the Google Search box straight after the navigation bar rather than before.

James.

 

I agree with bavington, but if that doesn't work, try playing around with your margin and padding values on the navigation.

 

make a separate style sheet for ie, that will be best solution.