Website Crashes Only in Internet Explorer 8

Internet Explorer continues to be the most frustrating browser to develop websites for. The most recent bug I encountered with IE8 took hours to track down.

While working on a website I noticed in IE8 the site would crash the entire browser before the site even had a chance to render any content. The website worked fine in IE6, 7, and 9. The error logs provided no valuable information, leaving me to a trial and error approach for debugging. I eventually found that when I disabled the stylesheet, the website would render.

The Problem

There is a known bug with jQuery 1.6.2 that causes Internet Explorer 8 to crash if there is a body background image defined in a CSS file loaded before jQuery in the header:

The Solution

Change your jQuery version, preferrably to 1.7.1. Check out the jQuery website for more information.