Button Center CSS

Обычная проблема с центрированием CSS, просто не работает для меня, проблема в том, что я не знаю готовую ширину px

У меня есть div для всей навигации, а затем для каждой кнопки внутри, они больше не центрируются, когда имеется более одной кнопки. : (

CSS

.nav{
    margin-top:167px;
    width:1024px;
    height:34px;
}

.nav_button{
    height:34px;
    margin:0 auto;
    margin-right:10px;
    float:left;
}

HTML

<div class="nav">
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Home</div>
            <div class="b_right"></div>

        </div>
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Contact Us</div>
            <div class="b_right"></div>

        </div>
</div>

Любая помощь будет принята с благодарностью. Спасибо

Результат

Если ширина неизвестна, я нашел способ центрировать кнопки, не совсем довольный, но не имеет значения , это работает: D

Лучший способ - поместить его в таблицу

<table class="nav" align="center">
    <tr>
      <td>
        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Home</div>
            <div class="b_right"></div>
        </div>

        <div class="nav_button">
            <div class="b_left"></div>
            <div class="b_middle">Contact Us</div>
            <div class="b_right"></div>
        </div>
      </td>
    </tr>
  </table>