title: css dropdown menu on image hover
body: <p>I need help creating a simple CSS-based dropdown menu on Image Hover. I can't believe how hard it is to find a solution to the problem anywhere. </p>
  
  <p>All I found somewhat close to the solution is this from W3schools:</p>
  
  <hr>
  
  <p><a href="https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover" rel="nofollow noreferrer">https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover</a></p>
  
  <hr>
  
  <p>But am trying to apply to the structure below and it's NOT working. </p>
  
  <hr>
  
  <p></p>
  
  <pre><code>&lt;div class="site-wrapper-900" class="dropbtn" style="max-width: 100% !important;"&gt;
  
          &lt;ul style="margin-left:0px;"&gt;
          &lt;li&gt;&lt;img src="#" alt=""&gt;&lt;/li&gt;
  
  
      &lt;li&gt;&lt;img src="#" alt=""&gt;&lt;/li&gt;
  
  
      &lt;li&gt;&lt;img src="#" alt=""&gt;&lt;/li&gt;
  
  
      &lt;li&gt;&lt;img src="#" alt=""&gt;&lt;/li&gt;
  
  
      &lt;li&gt;&lt;img src="#" alt=""&gt;&lt;/li&gt;
  
          &lt;/ul&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <hr>
  
  <p>It's VERY frustrating. Can you someone please help me?
  Thanks</p>