Ciao,
ho realizzato il seguente menù a tendine: http://www.siatec.net/andrea/archivio/menu/menu.html

Passando il mouse su alcuni "bottoni" si apre la sottostante tendina con il sottomenu.
Il problema è che la tendina era calibrata per 150px di larghezza (poi ho dovuto ridimensionare i bottoni a 120 px di larghezza) ed ora è troppo larga rispetto ai bottoni e sfora di parecchio nella parte del bottone adiacente, ho provato a diminuirne la larghezza ma non ci sono riuscito, mi date una manina per favore?

XHTML:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>menu multilivello</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link href="layout.css" rel="stylesheet" type="text/css" title="default" />
</head>
<body>

<ul id="menu">[*]
<dl class="gallery">
	<dt class="one" id="mouse">Home</dt>
</dl>

[*]
<dl class="gallery">
	<dt class="two" id="mouse">Chi Siamo</dt>
	<dd>Staff</dd>
	<dd>Dove Siamo</dd>
	<dd class="last">Il Nostro Diving</dd>
</dl>

[*]
<dl class="gallery">
	<dt class="three" id="mouse">Corsi Sub</dt>

	<dd>Open Water Diver</dd>
	<dd>Advanced OWD</dd>
	<dd>EFR</dd>
	<dd>Rescue Diver</dd>
    <dd>Specialità</dd>
    <dd>Master Scuba Diver</dd>
    <dd>Dive Master</dd>
    <dd>HSA Open Water Diver</dd>
    <dd>Riabilitazione in acqua        </dd>
    <dd>Nuoto Diversamente Abili</dd>
	<dd class="last"> Assistente Bagnanti                      FIN</dd>
</dl>

[*]
<dl class="gallery">
	<dt class="four" id="mouse">Photo Gallery</dt>
	<dd>Punti d'Immersione    </dd>
	<dd>Viaggi</dd>
	<dd>Video</dd>
	<dd>Eventi    </dd>
	<dd class="last">    Corsi</dd>
</dl>

[*]
<dl class="gallery">
	<dt class="five" id="mouse">Links</dt>
	<dd>HSA Italia</dd>
	<dd>Viaggi</dd>
	<dd>LazioHandicap.org</dd>
	<dd>Blu Production    </dd>
    <dd>LaPlaca.it</dd>
	<dd class="last">Juventus Nuoto    </dd>
</dl>

[/list]

</body>
</html>
CSS:
codice:
body{
	font-family: arial, helvetica, verdana, tahoma, sans-serif;
	font-size: 80%;
	color: #000;
}

ul#menu{
    list-style-type:none;
	padding:0;
	float: left;
	width: 760px;
	height: 40px;
    line-height: 40px;
	background: #D4D4D4 url("img/bcbk.png");
}

ul#menu li{
   float: left;
   height: 40px;
   margin: 0 0.2em 0;
   padding: 0;
   background: url("img/bcbk1.png") no-repeat top right;
   color: #777;
   text-decoration: none;
}

ul#menu li:hover{
   background-position: bottom right;
   color: #0876AC;
}

ul#menu li a{
   text-decoration: none;
}

ul#menu li a:visited{
   text-decoration: none;
}

ul#menu li dd{
   display: none;
}

ul#menu li:hover, ul#menu li a:hover{
   border: 0;
}

ul#menu li:hover dd, ul#menu li a:hover dd{
   display: block;
}

ul#menu li:hover dl, ul#menu li a:hover dl{
   padding-bottom: 20px;
}

ul#menu table{
   border-collapse:collapse; 
   padding:0; 
   margin:-1px; 
   font-size:1em;
}

ul#menu dl{
   width: 120px; 
   margin: 0; 
   padding: 0;  
   text-align:center; 
   cursor:pointer;
}

ul#menu dt{
   margin:0; 
   padding: 0; 
   font-size: 1.1em; 
   color: #fff; 
}

ul#menu dd{
   margin: 0; 
   padding: 0;
   color: #FFFFFF 
   font-size: 1em; 
   background: #47a; 
   text-align: left;
   
   filter:alpha(opacity=5);
   -moz-opacity:.5;
   opacity:.5;

}

ul#menu dd.last{
	
   border-bottom: 1px solid #444;
}

.gallery dt a, .gallery dt a:visited{
   display:block; 
   color:#444;
}

.gallery dd a, .gallery dd a:visited{
	
   color:#fff; 
   text-decoration:none; 
   display:block; 
   padding:4px 5px 4px 20px;
   background: #47a url(arrow.gif) no-repeat 10px 10px; width:125px;
}

.gallery dd a:hover{
   background: #258 url(arrowr.gif) no-repeat 11px 10px; 
   color:#9cf;
}
Grazie
Andrea