Как сделать так, чтобы при наведении на ссылку, выпадало меню?

Вот так
<style>
#cunt {
float: left;
width: 100%;
list-style: none;
font-weight: bold;
margin-bottom: 10px;
}

#cunt li {
float: left;
margin-right: 10px;
position: relative;
display: block;
}

#cunt li a {
display: block;
padding: 5px;
color: #fff;
background: indigo;
text-decoration: none;

text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

#cunt li a:hover {
color: #fff;
background: blue;
opacity: 0.75;
text-decoration: underline;
}

#cunt ul {
list-style: none;
position: absolute;
left: -9999px;
opacity: 0;
-webkit-transition: 0.25s linear opacity;
}

#cunt ul li {
padding-top: 2px;
float: none;

}

#cunt ul a {
white-space: nowrap;
display: block;
}

#cunt li:hover ul {
left: 0;
opacity: 1;
}

#cunt li:hover a {
background: blue;
opacity: 0.75;
text-decoration: underline;
}

#cunt li:hover ul a {
text-decoration: none;
-webkit-transition: -webkit-transform 0.075s linear;
}

#cunt li:hover ul li a:hover {
background: red;
opacity: 0.75;
text-decoration: underline;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
</style>
<ul id="cunt">
<li>
<a href="#" title="Всякая всячина">Товары</a>
<ul>
<li><a href="#">Сало</a></li>
<li><a href="#">Мыло</a></li>
</ul>
</li>
</ul>

⚤

насколько я помню в ссылке где то alt = "Это ссылка"
ну если навести на ссылку но это не выпадающее меню и я не такой умный.

читай про hover-эффекты (пишется как li:hover)