html - Vertical Navigation Bar -

i'm trying make nav bar out of un-ordered list. list needs vertical , pulled left side. have makes vertical list way left, on top of content instead of left of it.

<ul id='help_links'>     <li><a href="#annoucements">announcements</a></li>     <li><a href="#approvals">approvals</a></li>     #... </ul>  <div id='content' style='margin:20px auto;'>   <a name="annoucements"><h2>announcements</h2></a>   <h3>creating annoucements</h3>   <ul style="list-style-type:circle;">     <li>...</li> #...   </div>  #help_links ul {     margin:0;     padding:0; }  #help_links li{     display:block; } 

what need change content in middle , have help_links listed left side.

put list in div, let's call class divlink , add css:

div.divlink {     float: left;     height: 100%; } div.content {     float: left;     height: 100%; } 

oh , after doing this, should use padding instead of margin in content div. experience, margins work weird float.