테두리의 이미지를 둘러 쌀 수없는 테두리

Question

http://74.52.155.226/~projtest/team/harmeet/smoke51/products.html 

그건 내가 현재 작업하고있는 디자인입니다. 네비게이션 아래의 배너에서 요소를 검사하면 10px의 흰색 테두리가 이미지 아래에 약간의 틈이 있음을 알 수 있습니다. 나는 국경이 논리적으로 이미지의 높이가 무엇인지에 관계없이 이미지를 둘러 쌓아야하는 곳이 어디에서 왔는지에 대해 당혹 스럽다. div.innerbanner의 이미지가 인라인이기 때문에

Answer 1

에 display: block;를 넣을 수 있습니다 (이미지 인라인 기본적 할 수 있습니다). 보신 공간은 descender height입니다.

디 센더 높이를 표시하지 않으려면 이미지의 블록 요소를 만들어야합니다. CSS에 다음을 추가하십시오 :

div.innerbanner img { display: block; } 

Answer 2

당신은 당신의 <img>