Submenu positioning issues - html

Question

Here's what I'm working with currently, I'm trying to create a drop down menu for the team section but it keeps showing up to the left of the menu selection for teams. Here the site for reference:
http://lakenonabaseballassociation.com/
CSS
.header
{
background: none ;
height: 50px;
width:960px;
margin: auto auto;
padding: 25px 0 0 33px;
}
.header ul
{
float:left;
list-style:none;
margin:0;
overflow:hidden;
padding:9px 9px 0 0;
}
.header ul li
{
float:left;
}
.header ul li a
{
color:#656465;
font-family:bevanregular;
font-size:16px;
font-weight:400;
letter-spacing:.025em;
line-height:30px;
text-decoration:none;
text-transform:uppercase;
margin: 175px 11px 0 11px;
}
.header ul li.selected a, .header ul li a:hover
{
color:#026593;
}
With this as a basic menu
<ul>
<li>
Home|
</li>
<li>
Teams|
<!--<ul>
<li>8U</li>
<li>9U</li>
<li>10U</li>
<li>11U</li>
</ul>-->
</li>
<li>
Schedule|
</li>
<li>
Forms|
</li>
<li>
Sponsors|
</li>
<!--
<li>
News|
</li>
-->
<!--
<li>
Media|
</li>
-->
<li>
About|
</li>
<li>
Contact
</li>
<li> </li>
If I change the position in CSS to relative it will move it from where it is to the left of the image. Center position will shift the contact link over the logo. I'm guess I'm missing some extra coding in the CSS for the submenu but I've tried a few things and they don't seem to work. Any assistance in getting this functional would be great. Thanks in advance

Answer 1

As I mentioned in the comments, the code you've posted does not contain any styling for the dropdown menu. Here's a fiddle showing how you could go about creating a CSS-only dropdown menu based on your existing markup and styles:
http://jsfiddle.net/w3khgygb/2/
.header ul {
overflow: visible;
}
.header ul li {
position: relative;
}
/* Dropdown */
.header ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #ddd;
}
.header ul ul li {
float: none;
}
.header > ul > li:hover > ul {
display: block;
}
Please note that the top level ul on your site currently has overflow set to hidden, which will hide any dropdown menu. As you can see I have changed the overflow to visible.