se reduce el link

[Gustavo1973]

Perdón que no seguí el hilo que inicie, pero ando con unos problemitas familiares.
Les cuento que si el texto queda alineado a la izquierda, el problema no sucede, pero lo quiero alineado a la derecha.
ahora lo hice asi

Código HTML:

<div class="barrasa">
        <div class="es">            <a href="http://localhost/MCA-iluminaria/registro/">Entrar | Registrarse</a>
                </div>
</div>
 

Código CSS:

.barrasa{width:100%;background: #333333; color:#f78e28;height:50px;}
.barrasa .es{text-align: right;
  padding-right: 10px;
  line-height: 50px;}
.barrasa a {color:#f78e28;}
.barrasa a:hover {color:#fff;}
 

Pero sigue con el problema