Ciao

Ho questo listato generato da un software:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title></title>

<style type="text/css" media="screen">
#cm-nav li a.arrow
{
   background-image: url(arrow-right.gif);
}

#cm-nav > li > a.arrow
{
   background-image: url(arrow-down.gif);
}

ul#cm-nav,
ul#cm-nav ul
{
   margin: 0;
   padding: 0;
   list-style: none;
   margin: 0; /*Overriding global settings*/
   list-style-type: none; /*Overriding global settings*/	
}

ul#cm-nav li
{ 
   position: relative;
   float: left;
	width: auto; /*Put in to meet CSS spec of floated elements needing to define width*/	
   padding: 0; /*Overriding global settings*/
   margin: 0; /*Overriding global settings*/
   list-style: none; /*Overriding global settings*/
}

ul#cm-nav li li
{ 
	width: auto; /*Put in to meet CSS spec of floated elements needing to define width*/
   float: none; /*For OP*/
}

#cm-nav a
{
   display: block;
   text-decoration: none;
   text-align: left;  /*Overriding global settings*/
   font-family: Verdana;
   font-size: 12px;
   white-space: nowrap;	
   padding: 5px;
   border: 1px solid black;	
   color: black;
   background: yellow;
}

#cm-nav a:focus
{
   outline: none;
}

#cm-nav a.no-click
{
   cursor: default;
}

#cm-nav li a
{
   margin: -1px -1px 0 0;
}

#cm-nav li li a
{
   margin: 0 0 -1px 0;
}

#cm-nav > li > a.arrow
{
   padding-right: 14px;
}

#cm-nav ul.arrow-pad > li > a
{
   padding-right: 11px;
}

#cm-nav li a.arrow,
#cm-nav > li > a.arrow
{
   background-position: right;
   background-repeat: no-repeat;
}

#cm-nav li:hover > a
{
   background-color: red;
   color: white;
}

#cm-nav li ul,
#cm-nav li:hover ul ul,
#cm-nav li:hover ul ul ul,
#cm-nav li:hover ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul ul ul,
#cm-nav li:hover ul ul ul ul ul ul ul ul
{
   position: absolute;
   display: none;
   z-index: 999;
}

#cm-nav li:hover ul,
#cm-nav li li:hover ul,
#cm-nav li li li:hover ul,
#cm-nav li li li li:hover ul,
#cm-nav li li li li li:hover ul,
#cm-nav li li li li li li:hover ul,
#cm-nav li li li li li li li:hover ul
{
   display: block;
   margin-left: 100%;
}

#cm-nav li:hover ul
{
   margin-left: 0;
}

#cm-nav ul ul
{
   top: 1px;
   left: -1px;
}

#cm-nav li
{
   top: -1px;
}

/*#cm-nav > li.end
{
   clear: both;
   float: none;
}*/
</style>

</head>

<body style="background:#FFFFFF">

<ul id="cm-nav">[*]My Menu
      <ul>[*]My sub menu item 1[*]My sub menu item 2[*]My sub menu item 3[/list]
   [*]My Item[/list]

</body>

</html>
ove il sottomenu funziona bene su FF, invece su IE sparisce il sottomenu appena il mouse ci passo sopta.

Ora non è che io debba usare i menu generati da questo software, ma è solo per capire il perchè dell'inghippo, mi dispiace ammetterlo ma mi sfugge il motivo del malfunzionamento.

Grazie Ciao