div를 숨기거나 표시 할 때 IE8 및 div가 겹칩니다.

Question

일부 DIV를 사용하여 데이터가있는 블록을 만듭니다. div에 내용의 너비를 맞추기 때문에 "인라인 블록"으로 설정했습니다.

IE8은 내 콘텐츠의 너비를 조정하지만 이상한 문제가 있습니다.

이 피들로 이동하여 http://jsfiddle.net/GvMW8/을 클릭하고 첫 번째 또는 두 번째 링크를 클릭하면 div가 겹쳐져 있음을 알 수 있습니다.

당신이이 바이올린에 가면 : http://jsfiddle.net/hhpRP/1/과 같은 작업을 할 수 있습니다!

이 두 피들 간의 유일한 차이점은 주 div의 'id'속성입니다.

왜이 문제가 있는지 이해할 수 없지만 인라인 블록 디스플레이 및 div ID를 사용하는 방법을 알려주시겠습니까?

도움 주셔서 감사합니다.

Answer 1

IE8 버그가 조금 있습니다.

체크 아웃

http://jsfiddle.net/willemvb/fjqUc/ 나는 bigBlock 주위 사업부에 대한 별도의 클래스를 추가하고 표시했다 : 인라인 블록. 나는 또한 귀하의 자바 스크립트를 단축.

IE8을 들으려면이 정도면 충분합니다.