Permanezca todo alineado

[triqui]

Buenas tengo este div, con etiquetas <a> dentro, estoy simulando 4 botones en horizontal.

Pues bien en la mayoria de los navegadores se ve en horizontal, pero en algunos salta el ultimo botón de linea, y se ven 3 en horizontal y el último en la última linea.

Este es mi código html

Código HTML:

<div class="barraboton">
 
        <a href="http://www.miweb.com" >
            <img src="http://www.miweb.com/imagen.jpg" class="botonesnavegacionact"   />
        </a>
 
        <a href="http://www.miweb.com">
            <img src="http://www.miweb.com/imagen.jpg"  class="botonesnavegacionact"    />
        </a>
 
        <a href="http://www.miweb.com"   >
            <img src="http://www.miweb.com/imagen.jpg" class="botonesnavegacionact"    />
        </a>
        
        <a href="http://www.miweb.com">
            <img src="http://www.miweb.com/imagen.jpg"  class="botonesnavegacionact"    />
        </a>
 
        <a href="http://www.miweb.com"  target="_blank"  >
            <img src="http://www.miweb.com/imagen.jpg" class="botonesnavegacionact"   />
        </a>
 
 
    </div>
 

Y estas las css:

Código CSS:

div.barraboton{
text-align:center; 
width:100%; 
color:#ffffff;
}
IMG.botonesnavegacionact{
margin-right:0.2%;
margin-top:5px;
margin-bottom:2px;
margin-left:0.2%;
width:19%;
}