IE7에서 block Element에 inline-block을 적용할 경우

IE6/IE7의 경우, display 속성의 값을 inline-block으로 설정할 때 inline 요소의 경우에는 inline-block 설정 값이 정상적으로 작동하나, block 요소의 경우에는 작동하지 않는 문제가 있다.

다음과 같은 hack 표현을 사용하면 block 요소에서도 inline-block 속성값이 작동한다.

								#yourElement{
									display: inline-block;
									*display: inline;
									zoom: 1;
								}  							
						

위와 같이 사용할 경우, hack을 사용하고 있으므로 ie 조건식을 사용하여 분리하는 것이 바람직하다.

								<!–-[if IE 7]><link rel="stylesheet" href="ie7.css" type="text/css" /><![endif]–->