problema allineamento con list-item img

[trusthat]

ho problemi con list item su ie e ff

su ff il risultato è ottimo:




mentre su ie:



il codice è il seguente:

//css

.sinistra #block-menu-145 {
	background-repeat: no-repeat;
	background-image: url("in_evidenza_basso.jpg");
	background-position: bottom;
	margin-top: 10px;
	background-color: #fff5e9;
	padding-bottom: 10px;
}

.sinistra #block-menu-145 h2 {
	color: white;
	background-image: url("in_evidenza.gif");
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	padding:0;
	margin: 0;
	width: 174px;
	/*height: 24px;*/
	/*padding-left: 10px;*/
	line-height: 24px;
	text-indent: 29px;
	/*vertical-align: middle;*/
}

.sinistra #block-menu-145 .content {
	font-size: 11px;
	background-image: url("in_evidenza_centro.jpg");
	background-repeat: repeat-y;
	
}

.sinistra #block-menu-145 li.collapsed, .sinistra #block-menu-145 li.collapsed a {
	text-transform: uppercase;
	list-style-image:url("images/freccia_arancione.gif");
	list-style-type:disc;


}

.sinistra #block-menu-145 li.collapsed{
	margin-left: 15px;
	
}

.sinistra #block-menu-145 li.expanded {
	text-transform: uppercase;
	list-style-image:url("images/freccia_arancione.gif");
	list-style-type:disc;
	margin-left:15px;
	
	
}

.sinistra #block-menu-145 li.expanded a {
	text-transform: uppercase;
	list-style-image:url("images/freccia_arancione.gif");
	list-style-type:disc;
}

.sinistra #block-menu-145 li.expanded a.active {
	color: #fba002;
	text-transform: uppercase;
	list-style-image:url("images/freccia_arancione.gif");
	margin-top:10px;
}

.sinistra #block-menu-145 li.leaf {
		text-transform: uppercase;
		list-style-image:url("images/pallino_arancione.gif");
		list-style-type: square;
		padding-top:15px;
		margin-left:15px;
		
}
.sinistra #block-menu-145 li.leaf a.active {
	list-style-image:url("images/pallino_arancione.gif");
	list-style-type: square;
	color: #faa004;
	font-weight: normal;
}

.sinistra #block-menu-145 li.leaf a {
	color: #faa004;
}

l'html è questo:

<div class="clear-block block block-menu" id="block-menu-145">

  <h2>In evidenza</h2>

  <div class="content">
<ul class="menu">
<li class="collapsed">Il Geo Blog
<li class="leaf">Bici Plan
<li class="leaf">Coordinamento Comuni Ciclabili
<li class="expanded">Polo Culturale della Martesana
<ul class="menu">
<li class="leaf">Cos'è
<li class="leaf">Archivio
[/list]

[/list]
</div>
</div>

[trusthat]

sono arrivato ad un compromesso...
esiste qualche proprietà dei li che mi consenta di non fare andare il testo sotto al pallino?

esempio

invece di

- testo
del list item


qualcosa del genere

- test
del list item

?

[Mich_]

Non e` che ti sia spiegato molto bene ... quando vuoi visualizzare formattazione devi usare i tag [ code ] ... [ /code ] (senza spazi).

Credo comunque che ti serva sapere che esiste la proprieta`
list-style-position
che puo` avere valori inside o outside

[trusthat]

scusami per la spiegazione contorta..

ho risolto il problema usando le icone nello sfondo del[*] anzichè lo stile del list-type.

in questo modo ho lo stesso risultato con l'unica differenza che non posso usare ne il margin right, ne altre proprietà-- tra cui style-position..