I'm struggling to understand why my menu isn't aligning properly on the sub dropdowns. They are appearing at the lower edge of their parent cell, making navigation quite difficult. You have to drop down diagonally just right to access the next menu. Click here for a screenshot of the menu.
Below is the code for my menu. Can anyone spot what I might be missing? This is my first time working with bootstrap. Thank you all for your help!
<div class="navbar-wrapper">
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<div class="buttons-container">
</div>
<ul class="blue nav" id="css3-menu">
<li><a href="index.php">Home</a> </li>
...
</ul>
</div>
</div>
</div>
</div>
EDIT: Oops, I forgot to include the CSS. Here it is below. Thanks for all the feedback so far :)
/* css3 menu */
ul#css3-menu{
width: 940px;
min-width: 940px;
margin: 0 auto;
list-style: none;
font-family: 'Open Sans', Arial, "MS Trebuchet", sans-serif;
height: 46px;
padding: 0;
}
...