HTML+CSS+JavaScript

нужно сделать картинку, и чтоб по периметру картинки было вве рамки разных цевтов.
делаю вот так
<div class="borderimg"><img src="images/picture.jpg" width="262" height="200" alt=""title="" /></div>
DIV.borderimg{
border: 3px solid #A9B9B7;
width:268px;
height:204px;


}
DIV.borderimg IMG{
border: 3px solid #FFF;
}

в IE все нормально, в Opere внешняя серая рамка не дотягивает с права и с низу.
в чем может быть проблема?
или может быть сушествует др решение...

проблема в том что не указаны отступы.

кстати можно так попробовать:

<img src="images/picture.jpg" width="262" height="200" alt=""title="" /> img{ border: 3px solid #A9B9B7; padding:3px; background:#fff; }