While hammering away on a site, I wandered into IE world to do some testing and, like a spade to the face, IE crashed. It kept crashing and crashing. I did some intensive debugging, checking to see if it was: markup, the way the CSS was imported, positioning in the CSS, advanced CSS like h3+p, transparent pngs. None of these were causing the crash. I had narrowed it down to the CSS though so I began going through it chunk by chunk and testing. I got it down to one line:

[code lang=”css”]
div#content-sub fieldset {
background : transparent url(../images/box_tile.gif) 0 0 repeat-y;
border : 1px solid #fff;
padding: 0 20px;}
[/code]

What’s wrong with this… Fuck all I hear you say.

I then narrowed it down to the padding.

What’s wrong with the padding…. Fuck all I hear you say. I removed the padding and it works fine. So in conclusion, don’t use padding ever on anything ever and IE royally sucks ass.

Sadly I can’t link to the site as it’s still on the Dev server.