List Style Image con IE

[Tecia]

Salve, ho creato un menu orizzontale (menubar) con i CSS e con IE non mi visualizza nessuna immagine e nessun pallino della lista.. invece con Firefox si.

Lo stesso menu in verticale (menu_dx) funziona sia con IE e FF.

Mi sapete aiutare?

/* MENU BAR */

#menubar {
clear:both;
width: 770px;
height: 35px;
background-color: #FFFFFF;
line-height: 35px;
font-size: 13px;
}

#menubar ul {
margin: 0;
padding: 0;
text-align: center;
width: 770px;
}

#menubar li {
float: left;
list-style-type: circle;
list-style-image: url(picts/freccia_menu.gif);
width: 110px;
}

#menubar a:link { color: #9C9C9C; text-decoration: none }
#menubar a:visited { color: #9C9C9C; text-decoration: none }
#menubar a:active { color: #9C9C9C; text-decoration: none }
#menubar a:hover { color: #BEBEBE; text-decoration: none }

/* MENU DX */

#menu_dx {
font-size: 12px;
}

#menu_dx ul {
margin-left: 20px;
margin-top: 10px;
padding: 0;
}

#menu_dx li {
list-style-type: circle;
list-style-image: url(picts/menu_freccia_dx.gif);
}

.menu_dx_titolo {font-size: 13px; color: #FFFFFF; font-weight: bold;}
#menu_dx a:link { color: #E5E5E5; text-decoration: none }
#menu_dx a:visited { color: #E5E5E5; text-decoration: none }
#menu_dx a:active { color: #E5E5E5; text-decoration: none }
#menu_dx a:hover { color: #FFFFFF; text-decoration: none }

[seed_squall_it]

Quando imposti padding, margin o flotti gli elementi <ul> e/o[*], IE non visualizza i punti elenco (sia come punti grafici che come immagini). Il segreto è impostare un'immagine di background agli elementi[*] (o <a>, se hai dei link all'interno delle voci dell'elenco). Per fare questo, basta impostare il padding sinistro degli elementi a cui applichi le immagini di sfondo. Per es.:

#menu_dx li {
background-image: url(IMMAGINE); /* Immagine di sfondo (puoi usare ad es. un'icona 16x16, in formato gif) */
background-repeat: no-repeat;
background-position: left center;
padding: 1px 4px 1px 20px; /* Padding sinistro un po' più largo dell'immagine */
}

Potrebbe essere necessario impostare una line-height e/o aumentare il padding verticale in modo che l'immagine non venga "tagliata" sopra e sotto, nel caso il testo fosse piccolo. Oltretutto, usare un'immagine di sfondo invece dei punti elenco assicura una migliore resa cross-browser, perché non hai controllo sulla posizione e sulla formattazioni dei punti.

[wino_7]

Non è questo il problema (se così si può chiamare).
Ciò è dovuto alla posizione della ul.
Risolvi inserendo

 ul { list-style-position: inside;}

oppure

ul li { list-style-position: inside;}

non mi ricordo quale è giusta cmq provale tutte e due 

[Tecia]

Mettendo le list inside non funziona però ho risolto con il metodo background anche se il metodo è più scomodo