Header

Remove margin-top: 130px; from:

#logo {
    margin-top: 125px;
}
.navigation {
    background: url("images/navbar.jpg");
    font-size: 12px;
    height: 48px;
    margin-left: 245px;
    margin-top: 130px;
    padding-right: 18px;
    position: relative;
    width: 689px;
    z-index: 6;
}

and height: 180px; from:

#header {
    float: left;
    height: 180px;
    width: 925px;
}

in your theme’s CSS.

Hi,

Thanks for your reply. I made those changes and nothing changed. Here’s my original CSS: `

.navigation {
float: left;
margin-top: -50px;
}
#searchbutton {
background: url(images/search_btn.gif) no-repeat;
width: 27px;
height: 28px;
border: none;
position: relative;
top: -5px;
left: -12px;
}

Thanks.

.navigation {
float: left;
margin-top: -50px;
}

is not present in your site’s CSS. I recommend that you try using Firefox with the Firebug add-on to identify what CSS is being applied where.

Hi,

Well, the file is called ‘ie.css’ so maybe it only applies to Internet Explorer? Can you, like, give me a CSS I should be using if I want to fix the spacing? Much appreciated!

Thanks.

Well, the file is called ‘ie.css’ so maybe it only applies to Internet Explorer?

That would certainly be a valid assumption to make. Try adding:

#logo,.navigation {margin-top:0;!important}
#header {height:auto;!important}

to the bottom of your style.css file.

Hi,

Thank you so much for your help! It’s fixed!

Thanks.