Align permanent links block under logo

[iLori]

I have successfully moved the permanent links from above my header logo but for some reason can't get it to align directly under the logo. I have tried several things in the global.css file with the margin settings below but nothing seems to work. Is there somewhere else in the css file I need to adjust to get the menu to move all the way to the left side under the logo? Any help is greatly appreciated!

/* top links */
ul#header_links {
   margin-top: 15.2em;
   margin-left: 0;
   list-style-type: none;
   float: left;

       width: 1000px;
   border-top: 3px solid #4e2e28;
   border-right: 3px solid #4e2e28;
   border-bottom: 3px solid #4e2e28;
       background-image: url('.../images/woodgrin.jpg');    

}
#header_links li {
   float:left;
   width: 100px;
}
#header_links a {
   display: block;
   height: 15px;
   color: #595a5e;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;
   text-decoration: none;
   background-repeat: no-repeat;
   background-position: top center;
   background-color: transparent;

   border-left: 3px solid #4e2e28;

}

#header_links #header_link_sitemap a {
   background-image: url('');
}
#header_links #header_link_contact a {
   background-image: url('');
}
#header_links #header_link_bookmark a {
   background-image: url('');
}

[iLori]

I figured it out by playing around with the h1#logo and #header width sizes in the css file.

[alpaca]

Hi ILori, Exaxtly how did you do this?