img class - rounded corners

[ExSpirit]

I have this code on my site:

 

<img class="round" src="image.jpg" />

 

What I would now like to do is to have round corners in this image, so I tried to place this in my CSS but that doesn't work (only works if I add this to DIV):

 

.round {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

 

I have also tried to place some image (PNG which only has white borders) on top of image with this code:

 

.round {
background-image:url('ontop.png');
}

 

But that also doesn't work - nothing is shown... What else can I try?

[haku]

<div class="round" style="background:image.jpg"></div>

 

.round {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

 

I think this should fix it.