Problem z hoverem

[Xoni]

Siema, mam mały lecz wkurwiający problem. Otóż mam ikonkę social YouTube ustawioną w stopce, obrazek początkowo był w html lecz mając taki kod:

 

HTML:

<div id="ikony">
<div id="yt"><a href="https://www.youtube.com/user/xonidzn"><img src="img/grayyt.png></a></div>
</div>

CSS:

#yt {	
width: 48px;
height: 48px;
position: absolute;
margin-top: -8px;
;
}

#yt:hover {
width: 48px;
height: 48px;
background-image: url(img/yt.png);
}

Coś takiego mi działa z buttonami od menu ale z tym już nie >.>

Gdy mam ten POWYŻSZY KOD to hover jest tak jakby "pod obrazkiem" (gdy zwiększyłem width potwierdziło się to, że gdy najechałem to hover był POD ikoną).

 

Teraz mam tak:

 

HTML:

<div id="ikony">
<div id="yt"><a href="https://www.youtube.com/user/xonidzn"></a></div>
</div>

CSS:

#yt {	
background-image: url(img/grayyt.png);
width: 48px;
height: 48px;
position: absolute;
margin-top: -8px;
;
}

#yt:hover {
width: 48px;
height: 48px;
background-image: url(img/yt.png);
}

Teraz działa pięknie, lecz nie działa odsyłacz do YT, bo analogicznie nie ma NA CZYM działać ;/

 

Za pomoc są lajki! :P Dzięki!

[BlackPanda]

#yt a {

display: block;

width: 100%;

height: 100%;

}

Ten drugi temat, zamknięty ma podane złe rozwiązanie (niezgodne ze standartami W3C).

[Wilczek]

Zamykam za prośbą z raportu, poza tym:

http://www.mpcforum.pl/topic/1274132-problem-z-hover/#entry10881105