hey i am trying to build a drop down nav bar for a mock hair salon this is my css so far;

#nav {
position: absolute;
top: 0;
left: 0;
width: 210px;
margin: 0;
}

#nav a {
font-weight: bold;
color: #3c3a3d;
text-decoration: none;
display: block;
margin: 0;
list-style: none;
}

#nav a:link, #nav li:hover > a {
margin: 0;
font-weight: bold;
font-size: 14px;
}

#nav ul a:hover {
color: #eedd97;
}

#nav li:hover > ul {
display: block;
}

#nav ul {
display: none;
margin: 0;
padding: 0;
width: 200px;
position: absolute;
top: 35px;
left: 0;
}

#nav ul li {
position: left 220px;
margin: 8px;
padding: 8px;
}


the html being;
<ul id="nav">
<li class="currentnav"><img src="images/homebutton.gif" alt="home button"></li>
<li><a href="stylist.html"><img src="images/stylistbutton.gif" alt="stylist button"></a>
<ul class="submenu">
<li><a href="laurenwatters.html">Lauren Watters</a></li>
<li><a href="joycepong.html">Joyce Pong</a></li>
<li><a href="krystlealekson.html">Krystle Alekson</a></li>
<li><a href="candicejohnson.html">Candice Johnson</a></li>
</ul>
</li>
<li><a href="technician.html"><img src="images/technicianbutton.gif" alt="technician button"></a>
<ul class="submenu">
<li><a href="jennifermills.html">Jennifer Mills</a></li>
<li><a href="morgangibbons.html">Morgan Gibbons</a></li>
</ul>
</li>
<li><a href="spa.html"><img src="images/spabutton.gif" alt="spa button"></a>
<ul class="submenu">
<li><a href="sherylsingh.html">Sheryl Singh</a></li>
<li><a href="tessalaity.html">Tessa Laity</a></li>
</ul>
</li>
<li><a href="services.html"><img src="images/servicesbutton.gif" alt="services button"></a></li>
<li><a href="portfolio.html"><img src="images/portfoliobutton.gif" alt="services button"></a></li>
<li><a href="contact.html"><img src="images/contactbutton.gif" alt="contact button"></a></li>
<li><a href="sitemap.html"><img src="images/sitemapbutton.gif" alt="site map button"></a></li>
</ul>


I cannot get the sub menu to sit properly to the right of the nav bar when hovered over and when i do it is not relative to the catergory.

any help would be awesome!