Visualizacion diferente segun el explorador

[Aresillo]

Mira, te pongo el html adaptado un pco a lo tuyo

Código html:

<div id="lang">
            <ul> 
            <li><a href="link a la versión española"><img src="ruta a la bandera española" alt="Español"/></a></li>
            <li><a href="link a la versión catalana"><img src="ruta a la imagen bandera catalana" alt="Catalán"/></a></li>
            </ul>
 
        </div>
 

y el css

Código css:

#lang {/*pon aqui tu ancho, alto y su top y right*/
width:97px; 
height:19px;
float: right;
top: 12px;
right: 8px;
position:relative;
}
#ul{  
float:left;
}
#ul li {
float:left;
list-style-type: none;
}
#ul li a {
text-decoration:underline;
}
 

Miralo..
lo que hago es que la bandera la pongo como una imagen en el html y el enlace lo envuelve...

Un saludo

Ares