Problema en menu CSS con Safari

[falonpla]

Estoy creando un menú de navegación con CSS, aquí lo tenéis:

menú

Consigo que se vea correcto en todos los navegadores menos en Safari. Se cuál es el problema, pero no como solucionarlo. Como Safari representa las fuentes en pantalla de forma diferente me crea un salto de linea al tener el ul un ancho fijo, el ancho fijo se lo doy para que el menu no me ocupe toda la anchura del div en el que está contenido. Supongo que habrá mil soluciones pero no doy con ninguna, por que cada vez que cambio alguna propiedad lo desconfiguro aun más. Echarme una mano, gracias por adelantado.

[Raulmmmm]

Puedes hacer un CSS distinto para Safari usando PHP:

Código PHP:

  <?php
if (strstr($agent, "Safari")){
echo '<link href="safari.css" rel="stylesheet" type="text/css" /> ';
}
?>   

Y poner en safari.css la fuente más pequeña, ajustada...

[falonpla]

Hola Raul, gracias por la aportación, pero prefiero evitar el php, primero por que no controlo absolutamente nada de este lenguaje, y no me gustaría poner código en mi página que no se lo que significa, por que si luego quiero hacer algún cambio tendría que depender de la ayuda de otros.

Al margen de eso, lo que busco exactamente es una solución en CSS que me permita no tener que darle un ancho fijo al elemento ul, ya que si mas tarde quiero hacer un cambio en las opciones del menu, tendría que estar reajustando el ancho, y sería un poco engorroso ir probando medidas por cada cambio.

Probé a ponerle al elemento ul la propiedad display:inline, pero como ya dije antes fue peor el remedio que la solución y el menu se me desconfiguró bastante.

De todos modos gracias por la aportación, salu2.