CSS Header Trouble

Hi

The gist of it is your background header is assigned to the wrong DIV. Firefox is dealing with it, but IE7 is not.

Make a copy of your stylesheet before making these changes. The correct way to do this is to use a separate stylesheet for IE tweaks. If you know how to do that, go ahead. If not, for now just use your main stylesheet – just comment out the lines I am telling you to remove or change, so you can still have the original code if needed.

In your stylesheet style.css (line 380) find

#header {
background:url(images/header.jpg) repeat 0 0;
font-family:Verdana;
font-size:26px;
font-weight:bold;
height:278px;
margin:0 auto;
padding:0;
text-decoration:none;
width:1024px;
}

Take the “background” line out of #header altogether

Now find #rap style.css (line 1001)

#rap {
background:#FFFFFF;
border-left:1px solid #040404;
border-right:1px solid #040404;
margin:0 auto;
text-align:left;
width:1024px;
}

Change the background line to
background:#FFFFFF url(images/header.jpg) no-repeat 0 0;

That should put the menu bar on the line where you want it. It should still be OK in Firefox, but you will need to adjust a few things in IE – there are two

that are dropping things down too far in IE.

This should get you started

I have the same theme installed on http://www.theamericastop.com, works great in Firefox, not so good in IE. It looks like my entire center divider that had the categories listed out is missing in IE and the white back ground behind the right sidebars is missing. If you could take a look at it and give me a suggestion as to what to do, it would be greatly appreciated. Thanks in advance.

And I have this problem with IE7 so What can we do this is a Great Theme.I dont Want to change it ,Is there any Way?