problema padding con firefox

[zerod10]

salve a tutti, sono nuovo, quindi mi scuso in anticipo per la stupidità del mio problema, ma sono autodidatta e sono qui per imparare.

Veniamo al mio problema:
nel mio sito ho un problema con il menu di navigazione, visualizzandolo in safari va tutto bene se lo visualizzo con firefox mi sfora di qualche in basso il colore di sfondo.

il mio sito è su Wordpress e il codice css in questione è:

#nav_bar {
	/*menu di navigazione*/
	background-image: url(img/tranb.png);
	height:20px;
	width: 600px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	border-top: 1px solid #9121E0;
	border-bottom: 1px solid #9121E0;
}

#nav {
	font: bold 16px Verdana, "Lucida Grande", Arial, Helvetica, Sans-Serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	text-decoration: none;
}

#nav li {
	margin: 0 -6px 0 0;
	padding: 0 0 0 0;
	text-transform: lowercase;
	display:inline;
	text-decoration: none;
}

#nav a {
	color:black;
	font-weight: normal;
	padding: 0 10px 1px 10px;
	text-decoration: none;
	border-right: 1px solid #9121E0;
	text-decoration: none;
}
	
#nav a:hover {
	background-color: #9966ff;
	color: #B4B4B4;
	padding: 0 10px 1px 10px
	display: block;
	text-decoration: none;

}

#nav .current_page_item a {
	color: #B4B4B4;
	background-color: #9966ff;
	padding: 0 5px 1px 5px;
	border-left: 1px solid #9121E0;
	border-right: 1px solid #9121E0;
	text-decoration: none;
}

grazie a tutti per l'aiuto!

[Myaku]

come prima cosa, dovresti correggere gli errori sul codice (sia html che css).
Una volta validato, facci sapere se il problema rimane.

[zerod10]

ho vlidato ma problemi non me ne da!

[Myaku]

Originariamente inviato da zerod10
ho vlidato ma problemi non me ne da!

53 errori html in home page
6 errori css (di cui 4 rilevanti)

[zerod10]

adesso guardo l'html
ma del css ho corretto quello che potevo ma gli errori rimasti sono di un plug-in e non conosco quei comandi!

Mi puoi aiutare per favore?

[Myaku]

Originariamente inviato da zerod10

ma del css ho corretto quello che potevo ma gli errori rimasti sono di un plug-in e non conosco quei comandi!

se ti riferisci all'uso di filtri proprietari (es. per gestire l'opacità), quelli non li puoi validare, amen. E comunque, il problema da te riscontrato non è quasi certamente imputabile a loro.

[zerod10]

ho sistemato tutto il sistemabile, ma il problema di visualizzazione in firefox sussiste.....


e adesso che faccio?

[Myaku]

Originariamente inviato da zerod10
ho sistemato tutto il sistemabile, ma il problema di visualizzazione in firefox sussiste.....


e adesso che faccio?

il problema dovrebbe essere qui:

#nav a  {
color : black;
font-weight : normal;
padding : 0 10px 1px 10px;
border-right : 1px solid #9121e0;
text-decoration : none;
}

prova ad azzerarlo.
Se a quel punto Safari diventa il problema, mi sa che
1. o ripensi al menu, provando ad ottenere lo stesso risultato con un codice differente
2. ottimizzi per FF, usi una browser detection in js e fai in modo che Safari veda 1px di padding (occhio, questa soluzione non è sempre affidabile, ma vista la percentuale di utenza che va con Safari ed il fatto che si tratta di un dettaglio, secondo me puoi considerarla come "compromesso")