Hey there guys, i'm trying to finished up a site and it looks perfect in Safari, FF but when IE comes to town, you want to pull your hair out.

So my current woes is in IE 6,7.

IE6
1. The navigation floats right I(Its suppose to be center with margin: 0 auto, and there is no rule that says float right.
2. The left side of my sliding doors ( rounded nav) does not show up.
3. Drop down menu doesn't work as well.
4. In my 3 main boxe ( they absolute position) The content inside (h2, ul list) are pushed way up.


IE7
1. Nav stays center, just sliding doors left side img does not appear
Same as 4 in IE6 problem


I've been trying to figure out different solutions to make these elements work the way there suppose to but no luck. The only alternative i have at the moment is to write IE6, IE7 only css rules. Thats something i really dont want to do. I still need to clean up alot of the css so please excuses the mess.

Heres the css and xhtml filenotaless.net/ie_problems.zip

1 - it's not floating at all
2 - probably due to the margin-bugs you're invoking in IE6
3 - fix your lists
4 - Don't use position:absolute. You are removing those elements from the document flow.

Your #wrap is not 'wrapping' the rest of your content - this is due to the absolute positioning AND not properly clearing your floats.

Use floats on those 3 boxes and learn to use the normal document flow.

Your lists are not correctly defined, each button appears to be in it's own <ul> - not the best way to do that sort of menu. I suggest you look up 'son of suckerfish' for the better way to do dropdown menus.