Как обрезать картинки в IE?

[Rooner]

[РЕШЕНО]

Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так:

А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так:

стили:

.pic_block { height: 290px; overflow:hidden; }
.pic_mat { float:left; margin-bottom: 15px; width: 200px; }

вывод картинок:
<div class='pic_mat'>
<a href='/material.php?mid=".$row_pic['mid']."'>
<div class='pic_block'>
<img src='pictures/".$row_pic['small']."' width='196px'></a>
</div>
<a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a>
<br>
<div class='price'>".$row_pic["cost"]." р.</div>
</div>

Скажите пожалуйста как сделать обрезку в IE, чтобы не было косяков?

Оказалось все просто и непонятно почему так, но работает, вот такое решение:

<div class='pic_mat'>
<div class='pic_block'>
<a href='/material.php?mid=".$row_pic['mid']."'>
<img src='pictures/".$row_pic['small']."' width='196px'></a>
</div>
<a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a>
<br>
<div class='price'>".$row_pic["cost"]." р.</div>
</div>

Edited January 23, 2013 by Rooner