Why The Site Is Broken In Internet Explorer

One thing I have to admit, I have been trying hard not to work on the Internet Explorer version of the site. Wonder why? Because after spending a lot of time trying to make my site follow the standards, I managed to make it looks just right on all the major browsers out there, but Internet Explorer.

Here is how the site looks like in FireFox under Windows

Here is how the site looks like in Safari under OSX

Here is how the site looks like in Opera under Windows

And here is why I can't stand working with Internet Explorer

Internet Explorer renders the site incorrectly and misplaces all the elements in the site. I think I know where the problem is. It is probably the float/margin bug in Internet Explorer that make the floating elements of the site break out of the grid.

I think it should not be that hard to fix, but I just don't want to spend another chunk of my time trying to break my code so that it can work with IE. I know that the users don't care about what browser they are using; they just want to surf the net. I know that I am supposed to support the ancient Internet Explorer since it is still holding 55% of the market, but for now I will spend time working on the redesign of my portfolio instead.