IE6,7 display:inline-block; 버그

ie6,7에서 display:inline-block; 을 쓰다가 버그를 발견

가로 정렬을위해 display:inline-block; 속성 추가후 vertical-align:middle; 속성을 써서, 상하를 가운데 정렬해놓은상태인데, IE6,7을 확인결과 아래와 같이 나왔다.

해결방법

*display:inline;*zoom:1; 속성으로 해결 할 수 있다.

FF2에서도 위와 같은 현상이 나타나는데 해결방법은 

display:-moz-inline-stack;

이렇게 써주면 된다.

해결완료.

30분정도 고민을 했었는데, 역시 검색만이 살길이네 ㅜ_ㅜ