Distanza Tabs

[SkyTechnologyes]

Non capisco come mai le due tab (Recenti | Popolari) siano distanziate in questa PAGINA.

QUI il Css delle Tabs.

Fonte: http://www.code-pal.com/how-to-code-...bed-main-menu/

P.s.: ho provato ad inserire:

ul#main-nav-recent,ul#main-nav-popolar {
    margin-left: 20px;
}
    
ul#main-nav-recent li,ul#main-nav-popolar li {
    float: left;
    position: relative;
    margin-left: -20px;
    display: inline;
} 

Ma le cose non cambiano.

[Henry.Chinaski]

Aggiungendo un margin-right negativo, le cose sembrano andare verso la tua direzione...

ul#main-nav-recent li,ul#main-nav-popolar li {
		float: left;
		position: relative;
		margin-left: 0px;
		margin-right:-20px;
		display: inline;
}

[SkyTechnologyes]

Perfetto
Cosi funziona!
Ma perchè "Popolari" si trova al di sopra di "Recenti"?

[Henry.Chinaski]

Questione di z-index
Aggiorna così:

ul#main-nav-recent,ul#main-nav-popolar {
		margin-left: 0px;
		z-index:20;
	}
	
	ul#main-nav-recent li,ul#main-nav-popolar li {
		float: left;
		position: relative;
		margin-left: 0px;
		margin-right:-20px;
		display: inline;
		z-index:10;
	}

[SkyTechnologyes]

Non funge, il risultato con questi aggiornamenti è identico

[Henry.Chinaski]

Testandolo su Firefox, in realtà inverte l'ordine di visibilità.

[SkyTechnologyes]

Nessuno sa come risolvere? :/