title: Adding background image to div using CSS
body: <p>I have been trying to add background image to a div class using CSS, but I didn't have any success.</p>
  <p>HTML code:</p>
  <pre><code>&lt;header id=&quot;masthead&quot; class=&quot;site-header&quot; role=&quot;banner&quot;&gt;
      &lt;div class=&quot;header-shadow&quot;&gt;&lt;/div&gt;
          &lt;hgroup&gt;&lt;/hgroup&gt;
          &lt;nav role=&quot;navigation&quot; class=&quot;site-navigation main-navigation&quot;&gt;
  
          &lt;/nav&gt;&lt;!-- .site-navigation .main-navigation --&gt;
  &lt;/header&gt;&lt;!-- #masthead .site-header --&gt;
  </code></pre>
  <p>CSS:</p>
  <pre><code>.header-shadow{
      background-image: url('../images/header-shade.jpg');
  }
  </code></pre>
  <p>Additional information:</p>
  <p>This is an image with a shadow and I am using it at the top of the website, so it mustn't have a particular width.</p>