이미지 세로 가운데 정렬

list.skin.php

<div class="img_area">
            <a href="<?php echo $list[$i]['href'] ?>" title="<?php echo $list[$i]['wr_subject']?>">
            <img src="<?php echo $thumb['src']?>" alt="<?php echo $thumb['alt']?>" width="<?php echo $board['bo_gallery_width']?>" class="img_style" /></a></div>
            <?php }?>

-----------------------------------

style.css

.img_area { position:relative; float:left; width:30%; }

.img_style {vertical-align: middle; border:1px solid #ebebeb;}

--------------------------------

여기저기 vertical-align: middle 를 넣어도

이미지가 세로 가운데 정렬이 안되네요

고수님들 부탁드립니다