Lo suyo sería meter el div dentro del enlace, al enlace darle una posición relativa —o cualquier diferente a estática, aunque para el caso, relativa— y luego ya la posición absoluta será relativa a ese enlace y con un
bottom: -20px o así se pondrán cada cual donde necesites. No veo la necesidad de usar JavaScript.
Simplificado quedaría algo así:
Código CSS:
Ver originala {
position: relative;
}
a div {
position: absolute;
bottom: -20px;
display: none;
}
a:hover div {
display: block;
}
No sé donde he visto un diseño similar.
