[노트] ie6에서 ul li - inline-block 먹이기

.inline-li {

  display:inline-block;

  zoom: 1;

  *display:inline;

}

 

 

.inline-li-type2 {

  display:inline-block;

}

 

.*html .inline-li-type2 {

  display: inline;

}

 

.inline-li-type3{

  display:inline-block;

  float:left;

  width:[user-width];

  overflow:hidden;

}

 

 

IE 7 css hack

/* for IE7 only */  *+html #nav { font-size: 0; line-height: 0;}  *+html #nav li {font-size: 12px; line-height: 18px; } 

 

 

 

참고자료

ㅁadobe CSS Advisor : http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=2661

ㅁ http://stackoverflow.com/questions/2923735/css-ul-li-gap-in-ie7