
Background image crashes IE8
Save the following code below and open in IE8:
Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
li {
background:#06f url(arrows.png) no-repeat;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
margin-bottom:5px;
behavior:url(PIE.htc);
}
</style>
</head>
<body>
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
<li>i</li>
</ul>
</body>
</html>
Once it's open in IE8, press and hold your refresh key (F5) and in less than a second "
Internet Explorer has stopped working".
NOTES:
1. This didn't happen using IE7.
2. Of course it will only crash IE8 if there's a background image.
3. If there's a background image but apply only to one element (i.e. one[1] li), this will not occur too.