Problema visualizzazione menu a TAB con FF ed Opera

[fmortara]

Sugli altri browser che ho testato si vede correttamente (IE, Chrome, Safari).

La pagina è questa, la sto testando per un cliente, ma la parte in alto a sinistra, si vede male, nel senso che le immagini sotto l'immagine principale o sono sfalsate (FF), o sono sfalsati i testi in trasparenza sulla foto principale.

Cosa posso fare per risolvere?

La pagina è questa: http://www.freephp.net/asi/

Grazie

EDIT: Ho risolto per i testi descrittivi spostati a destra, ma non ancora per le foto... Con IE o Chrome si vede bene come deve venire fuori...

[emnlmn]

Facendo un veloce debug con firefox ho risolso cambiando:

div#primopiano .tabs-nav li {
  display:inline;
  margin:0;
  padding:0;
  vertical-align:top;
}

in

div#primopiano .tabs-nav li {
  display:inline;
  margin:0;
  padding:0;
  vertical-align:baseline;
}

[fmortara]

Perfetto.
Grazie!


Per il problema realtivo al testo descrittivo sulla foto principale, ho risolto dando il width in px anzichè in % dato che le dimensioni della foto sono fisse.

Ma se non sapessi le dimensioni? per avere la scritta al 100% delle foto come avrei dovuto fare?
Con Opera si vede ancora il problema, dato che online non ho corretto l'esempio.