이게 왜 이럴까 몇시간씩 쳐다보고 구글링하는 것들이 있습니다.

알고 보면 참.....허무한 경우들이 있어요.

이전에 알고 있었던 것들을 자꾸 까먹는 나이가 되다 보니 여기저기 흔적을 남겨놔야겠다고 생각이 들어서 작업 중 허무(?)했던 것들을 조금씩 올려 놓으려고 합니다.

어찌보면 가장 기본적인 부분들이라 고수들께서는 '풋'하시는 부분들이 있을겁니다.

오늘은 상단 메뉴 작업 중 IE6, IE7에서 배경과 메뉴 이미지에 간격이 생긴 경우입니다.

위 메뉴 이미지가 배경보다 1px 정도 내려와서 며칠 동안 고민을 했었습니다.

상위 상속 받은 css 때문인지 메뉴를 잘못 잘랐는지 알고 있는 모든 방법을 다 동원하고 검색해보고 자주가는 카페를 가보고 이런저런 방법들을 다 해봤는데 메뉴 이미지들이 배경과 합체를 하지 않더군요.....

IE6, IE7용 핵을 쓰면 IE8에서는 위로 올라가고.......

한참을 쳐다보고 있다가 css에 다음 한줄을 넣었더니 해결되더군요........ㅜ.ㅜ

 img {vertical-align:top}

대부분 이런 작은 것들을 놓쳐서 시간을 허비하는 경우가 요즘 너무 잦네요.......