[CSS]IE6, 7을 위해서 하지말아야할 것들

1. 박스요소들과 line-height

> 박스요소한테 line-height를 이용해서 높이를 맞추는건 좋지않다.

   브라우저마다 다르게 계산하는것도 있고, IE6,7의 경우 8,9에선 제대로 보였어도 아닐경우도 많다.

   굳이 써야된다면, 브라우저를 다 켜놓고 일일이 확인하면서 작업해야됨

추천 > line-height 대신 패딩이나 마진사용

2. background와 text-indent 문제

> 만약 특정한 아이콘이 있고, 그 아이콘을 갖는 태그에 title을 넣어줬다면, 그 아이콘 내부에 글을 쓰고 text-indent를 하면 안된다.

예)<a class="btn ico_search" title="검색">검색</a>

이렇게 할경우 ie6,7에서 text-indent로 인해서 백그라운드마저 같이 사라져버린다.

굳이 안에 글을 써야된다면 span으로 한번더 감싸도록 해야한다.

3. inline-block 문제

> inline-block이 ie6,7에서는 block으로 되기때문에 *zoom:1;*display:inline을 정의해줘야한다.

4. A와 SAPN

> a태그안에  span태그를 넣은경우.. 특히나 a와 span에 background까지 들어갔다면

   꼭 cursor:pointer를 정의해줘야한다.

   없으면 ie6,7에서 마우스커서가 생기지않는다.