Question

I have built a site in wordpress and the home page is really screwed up in IE, but works fine in FF, Chrome and Safari.

I have a conference call in 5 hours and I need it to be fixed and would be very grateful if someone could help.

The site is http://www.fullygreen.com and the core issues are:-

1. red box around first menu item
2. menu pushed to the right and items missing
3. tabs in tab box all squashed up
4. sidebar appears underneath tabs instead of to the side

All other pages appear fine in terms of the menu / header layout.

Answer 1

To fix the position of the navigation menu, add clear:left to #wrapper1

#wrapper1 {
position:relative;
text-align:left;
padding-top:20px;
padding-left:5px;
clear:left;
}

Change the top value for all inner divs to 0

#mnufghome {
position:absolute;
top: 0;
left: 0px;
}

---

I just looked at your source, the DOCTYPE declaration must be the first thing in the HTML file. You have some javascript includes. Not having a DOCTYPE or having an invalid DOCTYPE throws IE into quirks mode and it goes crazy.

You also have a javascript error in function introshowtabs()

---

In the sidebar, your image is bursting out of the rounded corners because your image is 250px wide but your containing div (#sidebarads) is only 240px wide. IE will expand a container to fit what it contains.

None of your rounded corners are centered in the gray because IE6 is in quirks mode.

---

This is the problem for the red border around the first menu item (around line 546 in style.css):

a.current.fghome { width:130px; background: url(images/menu/sel_home.jpg) left top no-repeat; border: 3px red solid; }

Remove the border: 3px red solid;