Как закруглить DIV с картинкой внутри?

[HappyUser]

Подскажите плиззз есть DIV внутри картика, как закруглить уголки? Если точно только один нижние левый угол? Заранее спасибо! =)

Вот такой код не работает, если изнутри убираю картинку то уголок закругляется...

<div style="float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;">

<img src="Pics/LogoBottom.jpg" />

</div>

=) Возможно ли вообще его как то закруглить чтобы было красиво т.е. под дивом фон сайта )

[kamaz6141]

<div style="overflow: hidden; float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;">
<img src="Pics/LogoBottom.jpg" />
</div>

http://jsfiddle.net/kamaz6141/Hqvdr/1/

Edited December 8, 2012 by kamaz6141

[HappyUser]

http://jsfiddle.net/kamaz6141/Hqvdr/1/

Простите мою глупость Новичка но если прописать это в файле css то все картинки на страничке получаются с закругленным уголком снизу слева...

А как сделать это для одной картинки на страничке? =)

СПС!

Edited December 8, 2012 by HappyUser

[kamaz6141]

Добавить нужному DIV класс

HTML

<div class="someClass">
   <img src="Pics/LogoBottom.jpg" />
</div>

CSS

.someClass{
   overflow: hidden;
   float:left;
   height:114px;
   width:303px;
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-bottom-left-radius: 15px;
   background:grey;
}

Edited December 8, 2012 by kamaz6141

[HappyUser]

Добавить нужному DIV класс

HTML

<div class="someClass">
   <img src="Pics/LogoBottom.jpg" />
</div>

CSS

.someClass{
   overflow: hidden;
   float:left;
   height:114px;
   width:303px;
   -webkit-border-bottom-left-radius: 15px;
   -moz-border-radius-bottomleft: 15px;
   border-bottom-left-radius: 15px;
   background:grey;
}

Понял СПС огроменное щас попробую =)