Div UL LI immagine e Bug IE9

[esseAemme]

Ciao a tutto il forum

Scrivo perchè ho creato una lista con un'immagine, che su Firefox, Chrome funziona correttamente ma non su IE9.

Questo è il foglio HTML

<div id="homedxNews">
	<div id="homedxNewsTitle">
	News
	</div>

	<div id="homedxNewsElenco">	
		<ul id="homedxNewsElenco">
			<li id="homedxNewsElenco">	 Prima voce in elenco
			<li id="homedxNewsElenco">		Seconda voce in elenco	
			<li id="homedxNewsElenco">		Terza voce in elenco 		
			<li id="homedxNewsElenco">		Quarta voce in elenco	
		[/list]	
	</div>	
</div>

Questo è il foglio di stile:

div#homedxNews		{	width: 250px; height: 180px; margin-top: 8px; padding: 0px;
						/*border-top: solid 2px #074b8a;	border-bottom: solid 1px #074b8a;*/
					}
div#homedxNewsTitle	
	{					width: 248px; height: 30px; background-image: url('../img/news_home.jpg'); background-repeat: no-repeat; 
						padding: 8px 0px 0px 10px; margin: 0px 0px -6px 2px; font-weight: bold; font-family: verdana, arial, sans-serif;
						font-size: 12px; color:#FFFFFF; text-align: left; vertical-align: middle; 
						/*border-top: solid 2px #eeeeee; border-bottom: solid 5px #555555;*/
	}
div#homedxNewsElenco	
	{					width: 250px; height: 180px; background-image: url('../img/sf_news.jpg'); background-repeat: no-repeat; 
						padding: 0px 1px 0px 1px; margin: -6px 0px 0px 2px; font-weight: normal; font-family: verdana, arial, sans-serif; 
						font-size: 12px; color:#074b8a; text-align: left; vertical-align: middle;
						/*border-top: solid 2px #074b8a; border-bottom: solid 1px #074b8a;*/
	}	
div#homedxNewsElenco ul
	{
			list-style-type: none;
			list-style-position: outside;
			line-height: 1.8em;
			font-family: verdana, arial, sans-serif;
			font-weight: normal;
			font-size: 14px;
			text-align: left;
			color: #074B8A;
			margin: -6px 0px 0px 34px;
			padding-left: 0px;
			/*border-top: solid 5px #074b8a;*/
	}
div#homedxNewsElenco li
	{
			list-style-image: url('../img/advDot.gif'); 
			padding-left: 4px;
			margin-top: -3px;
		}

Vi allego l'immagine 1 che è il risultato che vorrei ottenere, dove su FIREFOX e Chrome va,
e l'immagine 2 di IE9 dove
1. l'immagine di fondo bordata blu con angoli arrotondati si schiaccia bellamente sotto l'immagine arancione;
2. i punti di elenco vanno molto a destra e si appiccica al testo del li.

Come posso fare?