Dropdown menu isn't working <p>I'm doing a Menu where it has four dropdown buttons that aren't working. The following image shows how it is supposed to work: "<em>Bijutaria</em>=(perfumes+fios)"<br> "<em>Inserir</em>=(<em>Perfumes</em>=homem+mulher)+<em>Bijutaria</em>=fios+pulseiras)"</p> <p><img src="https://i.imgur.com/Qh5oYDm.png?1" alt=""></p> <p>I think the problem is located in my CSS code, but I'm not being able to figure out what the problem is.</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>ul { margin: 0; padding: 0; list-style: none; width: 150px; } ul li { position: relative; } li ul { position: absolute; left: 120px; top: 0; display: none; } ul li a { display: block; text-decoration: none; color: #E2144A; background: #fff; padding: 5px; border: 1px solid #ccc; } li:hover ul { display: block; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul id="left" class='column'&gt; &lt;li&gt;&lt;a href="ver.php"&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Bijutaria&lt;/a&gt;&lt;/li&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="pulseiras.php"&gt;Pulseiras&lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="fios.php"&gt;Fios&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;li&gt;&lt;a href="#"&gt;Perfumes&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="prfh.php"&gt;Homem&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="prfm.php"&gt;Mulher&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;li&gt;&lt;a href="#"&gt;Inserir&lt;/a&gt;&lt;/li&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Perfumes&lt;/a&gt;&lt;/li&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="insrph.php"&gt;Homem&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="insrpm.php"&gt;Mulher&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;li&gt;&lt;a href="#"&gt;Bijutaria&lt;/a&gt;&lt;/li&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="insrp.php"&gt;Pulseiras&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="insrf.php"&gt;Fios&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt;</code></pre> </div> </div> </p>