возникает пустое место при просмотре в браузере

[kalmar]

Помогите пожалуйста понять что за пустое место

 

HTML

 

<div class="rightblock">
        <div class="product">
        <a href="#" class="cafe"><img src="userfiles/cofe.png" width="135" height="130" alt="cafe"/></a>
        <a href="#">кофе</a>
       </div>
        </div>

 

CSS

 

.rightblock{
            width:690px;
            height:1039px;
            background:#ffffff;
            float:left;
            margin-left:20px;
            }
            
      .product{
        width:135px;
        height:163px;
        background:#FFFFFF;
        border:solid 1px #cde151;
        display:block;
      }
     .product img{
       max-width:135px;
       max-height:130px;
     }
     .product a{
       color:#000000;
       font-size:14px;
       
     }

[satantx]

.product img{

max-width:135px;

max-height:130px;

vertical-align: bottom;

}

[Vlad]

Это классика!

http://htmlbook.ru/practical/otstup-pod-izobrazheniem

Комментарии внизу посмотрите, много есть вариантов решения.