Ciao a tutti,
ho realizzato il prototipo di un menù a tendina in css; funziona bene su firefox che supporta le pseudoclassi per qualsiasi tag ma ovviamente non funziona in IE.
So poco (leggasi nulla) di JS e mi servirebbe uno script che vada a sovrascrivere il display:none del tag UL in display:block. Qualcuno mi può aiutare?!?

Posto qui il codice:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="il_js_da_fare.js"></script>
<title>Menù a tendina</title>
<style>
div{
float:left;
position:relative;
padding:0.2em;
}

ul {
position:absolute;
top:0.2em;
left:-40px;
display:none;
}

li {
list-style:none;
display:inline;
width:100%;
background-color:#CCCCCC;
}

a:hover {
background-color:red;
}

div:hover ul {
display:block;
}

div.over ul { display: block; }

</style>
</head>

<body>

<div id="nav">Titolo
<ul>
[*]subItem
[*]subItem
[*]subItem
[*]subItem
[*]subItem
[/list]
</div>
</body>