title: Background Image shows in Firefox and Chrome but NOT IE9
body: <p>I have a header that has an image in the background and it is not showing up in IE9. It works fine in Chrome, Firefox, and Safari. The logo file that is opened in the header displays fine.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="myheader"&gt;
    &lt;img src="img/logo.png"&gt;&lt;h5 class="your-on"&gt;You are on: Login Page&lt;/h5&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.myheader {
      height: 90px;
      /* background-color: #3D8F43; */
      padding: 5px;
      position: relative;
      border-radius: 10px;
      -moz-border-radius:10px;
      background-image: url("../img/header-bg.jpg");
  }
  </code></pre>
  
  <p>Also, I am simply opening these files locally with whatever browser I want to open it with. It is a demo that I need to email different people and have them open it and view the HTML files so I need it to work locally.</p>
  
  <p>I have already enabled mix content on the settings in IE but it didn't work.</p>
  
  <p>Update - Should have included this first. When I first open the page IE states that it has restricted the webpage from running scripts or ActiveX controls. I allow it to do this and refresh the page but with the same result, no image.</p>