この Web サイトのリンクは、カーソルを合わせると重なっているように見えます。div には正しい高さが指定されていますが、リンクにカーソルを合わせると、165px の高さを取得しているように見えます
http://www.dawaf.co.uk/animate/
高さを 93px に設定して重なりを止める方法はありますか?
#about {
position: absolute;
left: 0;
top: 0;
height: 89px;
width: 336px;
}
span.title-link {
font-size: 6.8em;
font-weight: bold;
font-family: 'Titillium Web', Arial, sans-serif;
text-decoration: none;
line-height: 93px;
cursor: pointer;
opacity: 0;
}
span.title-link a {
color: #FFF;
text-decoration: none;
}
span.title-link a:hover {
color: #E91F4C;
}
#about-red {
left: -104px;
width: 545px;
}
#logo-red {
height: 93px;
width: 209px;
position: absolute;
left: 336px;
}
/*Echo
------------------------------------------------------------ */
#gallery {
position: absolute;
left: 0;
top: 0;
height: 92px;
width: 434px;
}
#gallery-echo {
left: -202px;
width: 714px;
}
#logo-echo {
height: 93px;
width: 280px;
position: absolute;
left: 434px;
}
/*Events
------------------------------------------------------------ */
#contact-events {
left: -216px;
width: 862px;
}
#contact {
position: absolute;
left: 0;
top: 0;
height: 92px;
width: 448px;
}
#logo-events {
height: 93px;
width: 414px;
position: absolute;
left: 448px;
}