title: Div with image over another div
body: <p>I want to show an image over a menu in the right, but it doesn't work on IE and Microsoft Edge on Windows 10.</p>
  
  <pre><code>&lt;div class="menuDiv"&gt;
          &lt;ul id="menu"&gt;
              &lt;div class="menu_image"&gt;&lt;/div&gt;
              &lt;li&gt;&lt;a&gt;&lt;img src="img/image_1.png"&gt;&lt;/a&gt;
                  &lt;ul id="seccion_1"&gt;&lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a&gt;&lt;img src="img/report_image.png"&gt;&lt;/a&gt;
                  &lt;ul id="seccion_2"&gt;&lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>menuDiv uses menu of themeRoller of jqueryUI</p>
  
  <pre><code>.menu_image
  {
      right: 0px;
      position: absolute;
          content: url(../../../../../lib/img/image_logo.png);
          background-repeat: no-repeat;
  /*        background-position: 98% 0%;*/
          width: auto;
          height: auto;
  }
  </code></pre>
  
  <p>This is how it looks on Chrome and Firefox</p>
  
  <p><a href="https://i.stack.imgur.com/FcWc4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FcWc4.png" alt="enter image description here"></a></p>
  
  <p>This is how is looks on IE</p>
  
  <p><a href="https://i.stack.imgur.com/ZJt9l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZJt9l.png" alt="enter image description here"></a></p>
  
  <p>How can I show the image on IE?</p>
  
  <p>I set a similar example on jsfiddle</p>
  
  <p><a href="https://jsfiddle.net/kzxfu7j4/" rel="nofollow noreferrer">https://jsfiddle.net/kzxfu7j4/</a></p>