As many of you now know, I'm doing a redesign of my site by hand (it is currently done in a WYSIWYG editor but it creates terrible code).

Anyway, the redesign is here. Firefox displays the page without a hitch just as I want it to, but Internet Explorer (6 and 7) have swapped everything around and messed it all up.

Example: I've told it to float the packages left yet IE puts them on the right. I also coded it so the picture was on the right but IE puts it on the left.

What's wrong with this?

Talkupation for fix

All floated elements need a declared width. Give #intro a width and IE will behave.

OK thanks - I'll try that. If it works, the TP is yours

Update: all done and working. Thanks again for this

Are you saying that you have it working on the server right now? Because it definitely ISN'T working in IE7 right now.

Check out this screenshot:

Oh that's probably because of something I'm trying to fix in another thread.

Sorry for the confusion. The development is ongoing so it might not look like it's fixed but the problem causing that has been fixed now.