Problema con Liste

[carloast82]

Ciao a tutti,
stò cercando di realizzare un menù per la navigazione tramite <div id="nav"><ul>[*]HOME[/list]</div>
il menu comprende del semplice testo a cui ho aggiunto un quadratino rosso alla sinistra di 5x5px come list-style.
con firefox me lo visualizza correttamente, mentre con IE il puntino me lo posiziona in alto e attaccato alla H di "HOME"
Come posso risolvere questo problema?

posto il codice del file css.

#nav{
	width:760px;
	height:35px;
	margin:auto;
	margin-top:3px;
	border:1px solid #ccc;
	background:#f0f0f0;
}	
#nav ul{
	list-style-image:url(images/barmenu.gif); 
	list-style-position:inside;
	list-style-type:georgian;
	margin:0;
	padding: 4px 2px;
	height:35px;
	float:left;
	text-align:left;
	
}
#nav li{
	height:auto;
	text-align:center;
	vertical-align:middle;
	padding:4px 4px;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif #444;
	font-weight:normal;
	vertical-align:middle;
}

Grazie a tutti!

[silvia64]

nel #nav hai margin:auto
io metterei 3px 0px 0px 0px

da me funziona poi non so

[carloast82]

ho provato ma niente da fare.
il quadratno della lista in IE6 mi va a finire sempre in alto difianco alla H.
no riesco a capire. :master: :master:

[carloast82]

posto l'immagine

[carloast82]

ecco

[av250866]

per me è il position:inside che ti crea il problema

[carloast82]

devo metterlo outside o non devo proprio metterlo?

[carloast82]

ho provato a metterlo outside e a toglierlo proprio ma in IE non lo visualizza proprio più mentre firefox lo mette fuori dal #nav. lo fa in entrambi i modi.
posto l'immagine

[silvia64]

http://www.w3schools.com/css/css_list.asp

Questa la specifica del w3c per le list ...
credo che il tuo problema dipenda da IE, non ci puoi fare niente ...

guarda anche questo esempio!
http://www.w3schools.com/css/tryit.a...st-style-image