title: css image background in body auto-resize
body: <p>i am trying to embed an image within an iframe, the size of which i am not sure. 
  i tried as below but it does not seem to work.<br>
  please let me know how to proceed.</p>
  
  <p>what i exactly want to do is, the image should auto-fit into the page. image is smaller than the page, so when i remove no-repeat multiple instances of image are visible on the screen.</p>
  
  <p>Please help thanks.</p>
  
  <pre><code> body{
              background-image:url(someimageurl);
              width:1400px;
              height:1600px;
              background-repeat:no-repeat;
  
          }
  </code></pre>