CSS와 블록 표시 오류 개요

Question

모든 항목이 별도의 줄에있는 HTML 및 CSS에서 콤보 상자를 만들려고합니다. 마우스를 올리면 각 줄이 파란색으로 점등됩니다 (예 : Google). 그만큼 쉽습니다. 나는 div 링크 (a)를 가지고 있으며 각 링크는 display:block을 사용하여 CSS 전체를 div으로 채 웁니다. 그런 다음 나는 맴돌던 한 사람에게 점선으로 된 외곽선을 추가했습니다. 그것이 이상한 일이었습니다.

여기는 jsFiddle입니다.

상단 링크 위로 마우스를 가져 가면 다른 부분이 윤곽선을 표시하지 않는 것처럼 보이지만 두 번째 것은 아래쪽에만 표시되지만 다른 부분은 표시되지 않습니다. 모든.

도움을 주시면 감사하겠습니다.

편집 : Windows XP에서 IE8에있어

Answer 1

http://www.w3schools.com/cssref/pr_outline.asp

은 "참고 :!의 IE8은 DOCTYPE이 지정된 경우에만 윤곽 속성을 지원합니다."

Internet Explorer 9에서 호환 모드를 사용하여 테스트하는 경우 문서 모드가 자동이 아닌 Internet Explorer 8 표준과 일치하는지 확인하십시오. Quirks 모드로 전환하면 윤곽선이 사라집니다.