title: Absolute positioned div appearing under random elements
body: <p>This site: <a href="https://dev.romaycorp.com/shop/" rel="nofollow noreferrer">https://dev.romaycorp.com/shop/</a></p>
  
  <p>If you hover over "Products" the images underneath overlap. Some random elements appear on top, some don't. Those images do.</p>
  
  <p>The borders on this page do the same thing: <a href="https://dev.romaycorp.com/product-category/silicone-nitrade/" rel="nofollow noreferrer">https://dev.romaycorp.com/product-category/silicone-nitrade/</a></p>
  
  <p>I've tried every z-index setting on every element imaginable.</p>
  
  <p>I cannot solve this one.</p>