I'm attempting to create a dropdown menu using a list, but the list is only partially visible as it is being obscured by other elements. How can I adjust the layout so that it overlaps these elements?
HTML
<div id="mph">
<button type="button" class="btn1"><img src="images\menu.png"/></button>
<div id="mph1">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="plus.html">Plus</a></li>
<li><a href="costumers.html">Costumers</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
The CSS
#mph1{
height:auto;
}