title: Make element on top of everything
body: <p>I have a problem. I want my <code>footer</code> to be on top of everything else possible in my page. The trick is that I'm using Galleria plug-in and it has it's own style and for some reason even if I put <code>z-index: 99999;</code> on my <code>footer</code> it is still not on top.</p>
  
  <p>This is galleria container, the main div of the plug-in.</p>
  
  <pre><code>.galleria-container {
      overflow: hidden;
      width: 960px; /* This value is changed by JS */
      height: 520px; /* This value is changed by JS */
      min-width: 960px;
  }
  </code></pre>
  
  <p>This is my footer container</p>
  
  <pre><code>#footer
  {
      z-index: 9999;
      width: 700px;
      height: 500px;
      position: absolute;
      background-color: aqua;
  }
  </code></pre>
  
  <p>Okey so when I load my website it is fine and I can see my footer, but when I resize windows thus executing this code it is hidden again.</p>
  
  <pre><code>$(".galleria-container").css("width", $(window).width());
  $(".galleria-container").css("height", $(window).height());
  </code></pre>