Question

This is my HTML

<div id="frame">
  <ol>
    <li><img class="image" src="http://www.placehold.it/80X80" /></li>
  </ol>
</div>​

My JsFiddle : here

I want to put the image inside the div so the Div wraps the image with rounded corders? That means I want to have rounded corners on my image while having it as position:absolute?

Answer 1

Apply the border-radius attributes to your image class. Assuming I understood your end-goal, that should do what you want: http://jsfiddle.net/cjc343/RXr2E/2/