title: autofit image when browser window resize
body: <p>i want that my image size doesnt change when my browser window resize and it should cover all the div content ..
  the problem is when i resize my window background image only cover showed browser area and its look like my content is out of its div..its okey if there is scollbar..but doesnt able to find solution even with that..plz help..</p>
  
  <p>here goes my code...</p>
  
  <p>
      </p>
  
  <pre><code>&lt;style&gt;
  div{
   background-width:100%; 
   background-image: url('back5.jpg');
   background-id:back5;
   background-overflow-x:scroll;
  }
  
  &lt;/style&gt;
  
  &lt;/head&gt;
  
  &lt;body style="margin:0px;overflow-x:scroll"&gt;
  
      &lt;div&gt;
  
      &lt;img src="logo.gif"&gt;
  
  
  
  
  
      &lt;label  style="type=text/css;position:absolute;left:600px;top:18px"/&gt;
  
              &lt;font size="5" style="color:#ffffff"&gt;E-mail:&lt;/font&gt;
  
      &lt;/label&gt;
  
      &lt;label  style="type=text/css;float:right;position:absolute;left:600px;top:48px"/&gt;
  
              &lt;font size="5" style="color:#ffffff"&gt;Password:&lt;/font&gt;
  
      &lt;/label&gt;
  
      &lt;Input type="text" name="_email" id="e_mail"  style= " type=text/css;-webkit-border-radius: 7px;
                                                            -moz-border-radius: 7px; border-radius: 7px;
                                                             background-color:#D8D8D8;
                                                             float:center;position:absolute;
                                                             left:720px;top:18px;
                                                             width:400px; height:25px"/&gt;
  
      &lt;Input type="text" name="_password" id="pass_word"  style="type=text/css;-webkit-border-radius: 7px; -moz-border-radius: 7px;
                                                                  border-radius: 7px; background-color:#D8D8D8;
                                                                  float:center;position:absolute;
                                                                  left:720px ;top:48px; width:400px;
                                                                  height:25px"/&gt;
  
      &lt;input type="submit" value="LogIn" style="type=text/css; float:center;position:absolute;
                                               left:870px ;width:600px; top:80px; width:60px;
                                               height:25px"/&gt; 
  
      &lt;/div&gt;
  
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>