title: Background-image not working for css id but for css body
body: <p>in the .CSS File:</p>
  
  <p>when i apply</p>
  
  <pre><code>body {
  font-size: .85em;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  color: #232323;
  background-color: #fff;
  background: url('Images/Login_Background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #FFFFFF;
  background-position: center center;
  background-size: 100% 100%;}
  </code></pre>
  
  <p>the <code>background-image:url('Images/Login_Background.jpg');</code> works fine</p>
  
  <p>But as soon as i make a id like:</p>
  
  <pre><code>#login {
  background: url('Images/Login_Background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #FFFFFF;
  background-position: center center;
  background-size: 100px 100px;}
  </code></pre>
  
  <p>and when my <code>&lt;section id="login"&gt;</code> uses this css id; the <code>background: url('Images/Login_Background.jpg');</code> style doesn't works!!!</p>
  
  <p>Am i going wrong somewhere which i am not able to spot? Got tired from this!!!</p>