title: CSS : Overwriting using style tag on JSP page
body: <p>I do not use CSS at all as i develop back end so i have very little exposure to it.</p>
  
  <p>I have a webpage that is styled using multiple CSS files but the screen is stretched across the whole page. What i would like is to make the screen a bit thinner and add a background from a .PNG file. When ever i add the following code to my .JSP page to load the .PNG file nothing happens</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  html { 
    background: url(&lt;c:url value="/resources/blue-back-grade-2.png"/&gt;) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .box{-moz-box-shadow: 10px  10px  5px  #555555;-webkit-box-shadow: 10px  10px  5px  #555555;box-shadow: 10px  10px  5px  #555555;}
  a {
      color: #04315E;
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
      font-size: small;
      text-decoration: none;
      a:hover 
  }
  .hov { color: #04315E; }
  .hov:hover { text-decoration: underline; }
  .hov:active { color: #04315E; }
  .hov:visited { color: #04315E; }
  
  .no-hov { color: #04315E; }
  .no-hov:hover { text-decoration: none; }
  td img {
      display: block;
  }
  td img {
      display: block;
  }
  td img {
      display: block;
      text-align: center;
      color: #FFFFFF;
  }td img {display: block;}
  &lt;/style&gt;
  </code></pre>
  
  <p>Is it a matter that the page needs to be thinner for the background image to be picked up or is this CSS code being overwritten somewhere else?</p>