select box event bug in IE8

<select>

<option value="1">하나</option>

</select>

단순 셀렉트 문에서 마우스로 클릭시 벌어지고 다시 닫혀버리는 현상

이 현상은 IE8에서만 발생하였고,

DTD를 변경해도 onclick이벤트나 onchange이벤트를 다른 방법으로 사용해보고 하였으나, 여전히 발생하였다.

그러던중 CSS에서 해답을 찾게 되었다.

문제의 CSS는

select:hover, select:active {

background-color: #ffd;

}

로써, 마우스 선택시에 배경색을 변경해주는것인데, IE8에서 Bug가 발생함을 확인하였다.

IE7도 발생할지 모른다.(구하지 못해 확인 못함)

IE9이상이나 기타 다른 브라우저에선 문제없음;