div container zentrieren

[Matzman]

Hallo,
ich hab da mal wieder ein kleines Problem.

Ich hab eine Navigationsleiste mit buttons vertikal angeordnet. Sie ist jedoch leider ganz links angeordnet. Sie soll aber in der Mitte sein. Eigentlich geht das ja mit dem Attribut <div ... align="center"> hab ich gedacht. Oder mit CSS "vertical-align:middle". Jedoch funktioniert beides nicht. Hier mal beide Code Ausschnitte:

HTML CODE:

<div id="nav">
  <div id="nav_container">

<div class="buttons">
   <a href="..."><img src="..."/></a>
   </div>

<div class="buttons">
   <a href="..."><img src="..."/></a>
   </div>
  </div>
 </div>

CSS CODE:

#nav {
 font-size:0.8em;
 font-style:normal;
 margin:0 0 0.9em 0;
 text-align:left;
 height:1.10em;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;

}

html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }

.buttons {
 float:left;
 }

Wisst ihr wie ich das Problem lösen könnte?

Ich danke euch!

Gruß Matzman