title: HTML - CSS Putting Image into a Frame
body: <p>I want to put images into a frame (where frame is iPhone Picture).</p>
  
  <p>I want that images seems like the screen of the iphone.</p>
  
  <p>From CSS point of view is enough doing this:</p>
  
  <pre><code>&gt; img.pic{padding:100px; background: url(iphone_bk.png) no-repeat}
  </code></pre>
  
  <p>Where each image has an iphone background (iphone_bk.png) and the padding has to be adjusted in order to fit exactly in the screen of the iphone.</p>
  
  <p>Any suggestions? </p>