ie7 li 여백

오랫만에 레이아웃을 잡으니 버그가 많이 생깁니다..
할때 정리좀 해놓을것을.. 그래서 정리합니다.^^

푸터에 카피 작업을 많이 하게 되는데 오랫만이라 기억이 가물가물 했습니다. 

<ul>
   <li><img src="~~~~~" alt="~~~" /></li>

   <li><img src="~~~~~" alt="~~~" /></li>

</ul>

보통 이런식으로 회사주소 및 카피 를 이미지로 넣는 경우가 많습니다.
이때 reset css 를 사용함에도 불구하고 ie7에서 이미지 가 좀 벌어지죠
이때 아래와 같이 li 에 속성을 지정 한다면 같이 보일수 있습니다.

 

ul {
    list-style: none;
    margin: 0; padding: 0;
    overflow: hidden;
}
    ul li {
        display: block;
        line-height: 0;
        font-size: 0;
    }
        ul li img {
            display: block;
            border: 1px solid #000;
        }