img 여백없애는 방법 좀 알려주세요...

<style>

.gallery > li {width:640px;float:left;}

.gallery li a {display:block;position: relative;}

.gallery li ul {padding:30px 30px 20px;height:81px; border:1px solid #ddd;}

.gallery li ul li {font-size: 15px;color:#333;padding:0 0 12px 15px;

line-height: 100%;}

</style>

<ul class="gallery">

    <li>

      <a href="">

        <h2><img src="img/001.jpg" alt="나눔경영"></h2>

        <ul>

          <li>그룹차원의 재난구호</li>

          <li>사회봉사활동 기금 마련 경비지원</li>

          <li>임직원들의 사회봉사 활동지원</li>

        </ul>

        <span>바로가기</span>

      </a>

    </li>

</ul>

img {display:block;} 해도 여백이 안없어지네요.... ㅜㅜ

h2 {vertical-align:bottom;} 해도 안없어지고.....