I've tried looking at other questions but still can't get my code to work. Below is the HTML and CSS I'm working with (feel free to condense or modify as needed).
.dropdown-menu li ul {
display: none;
height: auto;
margin: 0;
padding: 0;
display: table;
}
.dropdown-menu li:hover ul {
display: block;
height: auto;
margin: 0;
padding: 0;
display: table-cell;
}<div class="nav">
<div class="container">
<ul class="pull-left">
<li><a href="index.html">Home</a>
</li>
<li><a href="#">Contact Us</a>
<ul class="dropdown-menu">
<li><a href="contact.html">Contact Us</a>
</li>
<li><a href="request.html">Request a building</a>
</li>
</ul>
</li>
</ul>
</div>
</div>