Hey there, I'm currently experiencing some issues with the drop-down menu on my index page. The drop-down items are hidden below my image slider, which is directly underneath my navigation bar. I would really appreciate any help in fixing this so that the drop-down menu items are visible. Thank you so much!
This is the HTML for my navigation bar:
<div class="nav">
<ul>
<li class="home"><a href="#">Home</a></li>
<li class=""><a href="#">sports news</a>
<ul>
<li><a href="#">headlines</a></li>
<li><a href="#">when an where</a></li>
<li><a href="">rewind</a></li>
<li><a href="">manager of the week </a></li>
</ul>
</li>
<li class="about"><a class="active" href="#">music</a></li>
<li class="news"><a href="#">events</a>
<ul>
<li><a href="#">News #1</a></li>
<li><a href="#">News #2@@@</a></li>
<li><a href="#">News #3</a></li>
</ul>
</li>
<li class="contact"><a href="#">events</a></li>
<li class="contact"><a href="#">gallery</a></li>
<li class="contact"><a href="#">Contact</a></li>
</ul>
</div>
<div class="cleaner"></div>
Here is the corresponding CSS:
[CSS code here]Thank you once again.