Per soddisfare alcune richieste, metto qui il codice per un esempio di menu a tendina orrizzontale fatto solo con CSS valido e funziona su tutti i browser
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 type="text/css" media="screen">
#menu {
	width: 100%; 
	float: left; 
	margin: 0; 
	padding: 0;
	border-top: 1px solid black;
	background: #FFFFCC;
}
#menu dl {
	margin: 0;
	padding: 0;
}
#menu dd {
	width:100px;
	float:left;
	margin: 0;
	padding: 0;
	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;
}
#menu dd dl {
	display: none;
}
#menu dd:hover dl {
	display: block;
	position: absolute;
	z-index:1;
	width:150px;
	padding: 0;
	margin: 0 0 0 -1px;
	border:1px solid black;
	background: #CCFFFF;
}
#menu dd dd {
	border: none; 
	width: 150px;
} 
#menu dd dd a {
	padding: 2px 2px 2px 10px;
}
</style>

</head>

<body>

<div id="menu">
    <dl>
        <dd>Menu 1
            <dl>
                <dd>SottoMenu 1</dd>
                <dd>SottoMenu 1</dd>
                <dd>SottoMenu 1</dd>
                <dd>SottoMenu 1</dd>
                <dd>SottoMenu 1</dd>
            </dl>
        </dd>
    </dl>
        
    <dl>
        <dd>Menu 2
            <dl>
                <dd>SottoMenu 2</dd>
                <dd>SottoMenu 2</dd>
                <dd>SottoMenu 2</dd>
                <dd>SottoMenu 2</dd>
                <dd>SottoMenu 2</dd>
            </dl>
        </dd>
    </dl> 
    
    <dl>
        <dd>Menu 3
            <dl>
                <dd>SottoMenu 3</dd>
                <dd>SottoMenu 3</dd>
                <dd>SottoMenu 3</dd>
                <dd>SottoMenu 3</dd>
                <dd>SottoMenu 3</dd>
            </dl>
        </dd>
    </dl>    

    <dl>
        <dd>Menu 4
            <dl>
                <dd>SottoMenu 4</dd>
                <dd>SottoMenu 4</dd>
                <dd>SottoMenu 4</dd>
                <dd>SottoMenu 4</dd>
                <dd>SottoMenu 4</dd>
            </dl>
        </dd>
    </dl>    

    <dl>
        <dd>Menu 5
            <dl>
                <dd>SottoMenu 5</dd>
                <dd>SottoMenu 5</dd>
                <dd>SottoMenu 5</dd>
                <dd>SottoMenu 5</dd>
                <dd>SottoMenu 5</dd>
            </dl>
        </dd>
    </dl>      
</div>





 

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