title: Do not move background image on Window resize, keep it static
body: <p>When I resize my window the background image also moves and gets resized, I dont want it to get resize, i want it to remain static. I am really confused how to keep my background static.
  If I set the width in pixels, then it remains static but that wont be good option as depending on different screen sizes</p>
  
  <pre><code>body {
      background-color: #000000;
      margin: 0 auto;
      width: 100%;
  }
  
  #container {
      background: url("url") no-repeat scroll center top transparent;
      width: 100%;
  }
  </code></pre>
  
  <p>The code is like:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="container"&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>