img 클릭시 주변에 모르는 것이 생기고 있습니다.

[이주영]

<div class="thumb">
<a href="#"><img src="" alt="썸네일"></a>
<span>제목</span>
</div>


.thumb img{display:block}

위와 같은 소스인데..썸네일을 클릭하니 위아래로 모르는 ,[콤마]가 생기고 있습니다.
css의 속성에 display:blcok를 준걸 inline-block로 바꾸고 아래.. 여백을 조정하는걸로 해결했습니다만..
원인은 잘 모르겠습니다.