<div class="menu">
   <ul>
    <li class="menu-item"><img src="nav21.png" id="img2"></li>
    <li class="menu-item"><img src="nav22.png" id="img3"></li>
    <li class="menu-item"><img src="nav23.png" id="img4"></li>
    <li class="menu-item"><img src="nav24.png" id="img5"></li>
    <li class="menu-item"><img src="nav25.png" id="img6"></li>
   </ul>
  </div>

.menu{
 margin-right: 10px;
 position: fixed;
 margin: 0px;
 list-style: none;
 background-color: #010101;
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
 left: 0;
 right: 0px;
 z-index: 3;
 bottom: 0px;;
 overflow: hidden;
 display: table;
 text-align: center;
 vertical-align: middle;
 padding:0;
}

.menu-item{
 display: table-cell;
 vertical-align: bottom;
 border-left:1px solid #ffffff;
}

.menu-item li{
 float: left;
}