HTML/CSS 코드가 IE 6~7을 강제 종료시키는 버그.

특정 HTML/CSS 코드가 IE6, IE7 브라우저를 강제로 종료시키는 사례가 있습니다. 전혀 특별할 것도 없는 일반적인 코드이지만 다음과 같이 특정 조건이 충족되면 IE 브라우저를 강제로 종료시켜 버립니다. HTML/CSS 코드가 브라우저를 강제로 종료시키는 버그를 지니고 있다는 것은 상상하기도 어려운 일입니다. IE6는 바로 종료되고 IE7은 첫 번째 목록을 클릭-드래그 하는 상황에서 종료 됩니다. 여러분들의 잘못이 아닙니다.

IE6를 강제 종료시키는 코드

CSS

a { position:relative; }
a:hover { float:left; }

HTML

<a href="#">IE6 브라우저라면 강제로 종료될 것입니다.</a>

Demo

http://naradesign.net/open_content/bug/crash_ie6.html

IE7을 강제 종료시키는 코드

CSS 

div { float:left; width:175px; }
ul { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
li { position:relative; }

HTML 

<div>
    <ul>
        <li>IE7 브라우저라면 강제로 종료될 것입니다.</li>
        <li>IE7 브라우저라면 강제로 종료될 것입니다.</li>
    </ul>
</div>

Demo

http://naradesign.net/open_content/bug/crash_ie7.html

해결방법

position:relative 속성이 적용된 엘리먼트에 zoom:1 속성을 추가로 부여하면 더 이상 강제로 종료되지 않습니다.

a { position:relative; zoom:1; }
li { position:relative; zoom:1; }

참조

CSS让你的IE浏览器崩溃

출처 : http://naradesign.net/wp/2008/12/27/416/