Originariamente inviato da Vincent.Zeno
per farlo funzionare su IE6 serve un appoggio JS... tutto qui.
Ciao
Ecco questo dovrebbe funzionare anche su IE6:
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=utf-8" />
<title>Menu a tendina</title>
<style media="screen" type="text/css">
* {
  margin: 0;
  border: 0;
  padding: 0;
}
dl, dt, dd{
	list-style-type: none;
}
#menu {
  width: 100%;
  float: left;
  border-top: 1px solid black;
}
#menu dl{
	float:left;
  background: #FFFFCC;
}
#menu dl.closed dd{
display: none;
}
#menu dl.open dd{
	display: inherit
}
#menu dt{
	width:100px
}
#menu dd {
  width:100px;
  border-right: 1px solid black;
  color:black;
}
#menu a {
  display: block;
  padding: 5px;
  color: #000;
  text-decoration: none;
}
#menu a:hover {
  background-color: #000033;
  color: #FFFFFF;
  text-decoration: none;
}
</style>
</head>
<body>
<div id="menu">
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 1</dt>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
<dd>SottoMenu 1</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 2</dt>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
<dd>SottoMenu 2</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 3</dt>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
<dd>SottoMenu 3</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 4</dt>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
<dd>SottoMenu 4</dd>
</dl>
<dl class="closed" onmouseover="this.className='open'" onmouseout="this.className='closed'">
<dt>Menu 5</dt>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
<dd>SottoMenu 5</dd>
</dl>
</div>










</p>
</body>
</html>