Liste orizzontali con Firefox

[mildy]

Ciao,
ho creato una lista orizzontale che viene visualizzata correttamente su explorer.
Un elemento vicino all'altro e ogni elemento ha la larghezza determinata.
su Firefox invece viene visualizzata con ogni elemento che si prende la larghezza di tutto il foglio, e quindi gli elementi non sono in orizzontale, ma in verticale

Es:
elem1 | elem2 | elem3 | In explorer
----- elem1 -----
----- elem2 -----
----- elem3 -----
in firefox.

Questo e` il codice del CSS:

#Testa_nav_bar
            		  {
            			
            			margin:0px 0 0 0;
				padding:0px 0 0 0;
            			float:right ; 
				width:100%; 
			        border-bottom: solid 2px #990000;
			        text-align: center;					}


ul#Testa_nav_bar, ul#Testa_nav_bar li
									    {
	margin:0;
	padding:0;
	text-align: center;
											}

ul#Testa_nav_bar li
									    {
	  width:8em;
	margin-right:1px;
	text-align: center;
	font-size: 90%;
	display:inline;
	list-style-type:none;
	     }

ul#Testa_nav_bar a
									    {								display:block;
		text-decoration:none;
 		padding:2px 0 5px; 
		background:#ffff99;
		color: #993300;
		font: bold 13px "Times New Roman", Helvetica, sans-serif;
		}

ul#Testa_nav_bar li#activelink a, ul#Testa_nav_bar a:hover
									    {
		font: bold 13px "Times New Roman", Helvetica, sans-serif;
		color: #000000;
		font-size:1.2em;
	}

Qualcuno sa dirmi dove sto sbagliando?

Greazie

[awd]

per averli affiancati i LI vanno flottati!

Però il tuo modo di assegnare gli ID non mi convince. Che sarebbe quel #Testa_nav_bar? il DIV contenitore?

[andrea.paiola]

Originariamente inviato da awd
per averli affiancati i LI vanno flottati!

oppure resi elementi inline (display:inline)

[thomas_anderson]

[OT]awd è in piena crisi d'identità..... 7 giorni, 7 avatar diversi. rimetti quello del gatto! [/OT]

[mildy]

Però il tuo modo di assegnare gli ID non mi convince. Che sarebbe quel #Testa_nav_bar? il DIV contenitore?

Si , #Testa_nav_bar e` l'Id contenitore della barra di navigazione orizzontale
Praticamente ho un div #Testa che poi si divide in #Testa_logo, #Testa_titolo e #Testa_menu
All'interno di #Testa_menu c'e` #Testa_nav_bar con i pulsanti
Su explorer tutto funziona correttamente, ma su firefox mi sfalza tutti i pulsanti, per non parlare poi dei div di corpo e coda del sito

[awd]

Originariamente inviato da mildy
Si , #Testa_nav_bar e` l'Id contenitore della barra di navigazione orizzontale
Praticamente ho un div #Testa che poi si divide in #Testa_logo, #Testa_titolo e #Testa_menu
All'interno di #Testa_menu c'e` #Testa_nav_bar con i pulsanti
Su explorer tutto funziona correttamente, ma su firefox mi sfalza tutti i pulsanti, per non parlare poi dei div di corpo e coda del sito

commetti un errore:
le lasci l'ID #Testa_nav_bar senza un selettore di elemento davanti (ossia senza DIV) questo ID ti viene letto anche dall'UL e tutti gli altri elementi con quell'ID. Inoltre in questo modo hai ripetuto un ID quando questo deve essere univoco nella pagina

Ti consiglio questa soluzione:

#Testa_nav_bar (oppure div#Testa_nav_bar)

e a seguire

#Testa_nav_bar ul, #Testa_nav_bar ul li, ecc...