Menú con lista que ocupa todo el ancho independientemente de los elementos que contenga. - http://guiabreve.com/el-menu-perdecto-un-tip-sencillo.html

menu.html

<style>
* {
  margin: 0;
  padding: 0;
}

ul {
  width: 100%;
  display: table;
  table-layout: fixed; /* optional */
  
  border: 1px solid red;
}

ul li {
  display: table-cell;
  width: auto;
  text-align: center;
  
  border: 1px solid black;
}
</style>

<ul id='menu'>
    <li class="button"><a class='current' href='http://'>Home</a></li>
    <li class="button"><a href='http://'>Products</a></li>
    <li class="button"><a href='http://'>Support</a></li>
    <li class="button"><a href='http://'>Contact</a></li>
    <li class="button"><a href='http://'>Contact</a></li>
</ul>