I'm currently working on a re-design for my site. Actually, it's done, except that it looks/functions horribly in IE 6 (Win XP). It seems I've tried everything to correct what's wrong (yes, including validating my markup and CSS), but to no avail. I'm not sure I can even explain the problem(s) in words, so instead I'll just leave the URL for anyone to compare things between IE and a more modern/better browser (currently I'm using Firefox 1.5). Any help with this matter would be appreciated. I'd like to get this straightened out before officially going live with this design (as you can see, it's just a test page for now).

http://mattdelaroche.com/portfolio-test.html

Thanks, that does fix the major problems (the portfolio divs wrapping around the navigation and the contact form being pushed down by the navigation). Though in IE, whenever the navigation is expanded, the text in the content div that's adjacent to the navigation is pushed to the right about 5 pixels (this was one of the original problems as well).

And I'm curious about the display: inline-block property. Is this CSS3? It doesn't seem to be included anywhere in the CSS display property reference at w3schools (http://www.w3schools.com/css/pr_class_display.asp). If it is a new CSS3 property value I'm surprised IE has any support for it.

Works wonderfully. Thankyou!