Salve,
Sto impazzendo grazie al solito Microsoft IE,vi anticipo che una soluzione al Kerosene l'ho già trovata..ovvero..prendo un'areo..arrivo da bill gates, gli dò fuoco e così non fanno + IE

Apparte gli scherzi, vi espongo il problema..ho creato un menu, dove vorrei spostare le varie voci e per farlo ho utilizzato scripaculous. Con firefox, tutto ok, ma quando ho guardato con IE sono incominciati i problemi.
Bene,se provate il codice sotto riportato noterete che con IE appena è caricata la pagina, la classe CSS non si modifica passandoci sopra (non sopra il link, ma in un punto vuoto del colore arancio) e non è possibile spostare (sempre non dal link) la striscia arancio al posto di quella del CLUB 2. Ho notato che però se fate il drag&drop dal link, vedrete che la seconda volta funziona tutto bene e correttamente come in FF, deduco quindi che al rilascio, vengano correttamente settate le classi CSS, cosa che stranamente non succede al caricarsi della pagina.

avete qualche idea/suggerimento?

codice:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script src="http://script.aculo.us/prototype.js" type="text/javascript"></script>
<script src="http://script.aculo.us/scriptaculous.js" type="text/javascript"></script>

<style type="text/css">
div.ItnServiceNameBar
	{
	color:#FFFFFF;
	background-color:#FF9900;
	font-family: Verdana;
	margin:0px 0px 0px 0px;
	font-size:8pt;
	padding:0px 0px 0px 4px;
	line-height:26px;
	text-transform:uppercase;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#FFFFFF;
	}
iv.ItnServiceNameBar a:link
	{
	color:#FFFFFF;
	text-decoration:none;	
	}	
div.ItnServiceNameBar a:visited
	{
	color:#FFFFFF;
	text-decoration:none;
	}	
div.ItnServiceNameBar a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}	
/*--------------------------------*/
div.ItnServiceName.over
	{
	color:#FFFFFF;
	background-color:#FFCC66;
	font-family: Verdana;
	margin:0px 0px 0px 0px;
	font-size:8pt;
	padding:0px 0px 0px 4px;
	line-height:26px;
	text-transform:uppercase;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#FFFFFF;	
	}
div.ItnServiceName.over a:link
	{
	color:#FFFFFF;
	text-decoration:none;	
	}
div.ItnServiceName.over a:visited
	{
	color:#FFFFFF;
	text-decoration:none;	
	}
div.ItnServiceName.over a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;	
	}


</style>
</head>
    <body>
<div id="squadre_list" class="sortable-list">
		<div id="squadre_CLUB1">
			<div id="CLUB1_Bar" style="line-height:26px;" class="ItnServiceNameBar" onMouseOver="javascript: this.className='ItnServiceName over'" onmouseout="javascript: this.className='ItnServiceNameBar'">
			CLUB 1
			</div>
			<div id="CLUB1_Box">
				<div id="CLUB1_Ebox_0">
					<div id="CLUB1_Ebox_0_0">						
					SQUADRA 1
					</div>	
					<div id="CLUB1_Ebox_0_1">
					SQUADRA 2
					</div>										
				</div>
			</div>	
		</div>		
		<div id="squadre_CLUB2">
			<div id="CLUB2_Bar" style="line-height:26px;" class="ItnServiceNameBar" onMouseOver="javascript: this.className='ItnServiceName over'" onmouseout="javascript: this.className='ItnServiceNameBar'">
			CLUB 2
			</div>
			<div id="CLUB2_Box">
				<div id="CLUB2_Ebox_0">
					<div id="CLUB2_Ebox_0_0">
					SQUADRA 3
					</div>	
				</div>	
			</div>	
		</div>	
</div>

          
        <script type="text/javascript">
            Sortable.create('squadre_list', 
				{
				tag:'div',
				dropOnEmpty:true,
				containment:["squadre_list"],
				constraint:'vertical',
				handle:'ItnServiceNameBar'
				});
        </script>
    </body>
</html>