[Resolvido] Imagem dentro de div com borda extrapolando

Seguinte, eu acho que é meio difícil explicar o que eu quero, então eu vou mostrar por imagens:

1 - eu tenho a seguinte div com BORDAS ARREDONDADAS:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i56.tinypic.com/slkvft.jpg&key=bd4421d866d1048dd06cfea2a86c16b5a4af965d3a30a8b314d1005a146a658c" alt="slkvft.jpg" />

considerem a parte BRANCA como sendo TRANSPARENTE, e a parte amarela o BACKGROUND da página, ou seja, a DIV é transparente e no lugar do branco seria o background...

2 - eu tenho varias imagens tipo essa, todas do mesmo tamanho e com o fundo variando de cor:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i54.tinypic.com/2qnsarq.jpg&key=052cdc896cc3fa79a6a24176d9ad78891a7604a270ae5b160e6765993ad0eb6b" alt="2qnsarq.jpg" />

2 - e eu quero colocar a imagem DENTRO da div, porém, a imagem ocuparia TODA a div. Só que as imagens não tem as bordas arredondadas, logo, ela extrapolaria a div, e eu queria saber se tem um jeito de ficar mais ou menos assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://i53.tinypic.com/1jvxjn.jpg&key=9f6149c12c51bf22978b5e1cf34802ba3da7a3476361aaa31a15f8ccf93c06b4" alt="1jvxjn.jpg" />

Meu código da div:

.divArredondada{
border:5px #A5241C solid;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:30px;
width:150px;
height:118px;
margin-left:40px;
}

e a utilização:

<div class="divArredondada">
 <div>
 <a href="index.php?secao=produtos&subsecao=<?php echo $subsecao ?>∏=<?php echo $res['id']?>">
 <img src="<?php echo $imagem ?>" width="150px" height="118px">
 </a>
 </div>
</div>

as imagens tem o mesmo tamanho, 150px por 118px

consegui resolver seguindo isso:

http://stick.gk2.sk/blog/2009/03/image-with-rounded-corners-using-css3/

ou seja, colocar a imagem como background da div... simples