Nevim, moc te nechapu.
https://jsfiddle.net/bcfs7afv/
Hover funguje tak, ze mas oblast, do ktere vejde mys a to vyvola js-onmouseover, css-hover. Kdyz teda vejdes mysi do oblasti, tak muzes rici, ze se zobrazi nejaky dalsi prvek. To se ale dela takto:
<div class=xxx>BBB<div class=yyy>AAA</div></div>
.xxx .yyy {display:none;}
.xxx:hover .yyy {display:block;}
Aby to nepohlo s rolovanim, tak se da nastavit position:absolute a overflow.
Overflow se pouziva spis, kdyz potrebujes nastavit pretekani. Jakoze treba yyy ma rozmery 500x500, ale je v xxx, ktere ma rozmery 200x200, tak nastava udalost pretekani. A ted, co se ma stat. Muzes nastavit overflow:hidden, takze yyy se orizne z 500x500 na 200x200. Nebo visible a yyy vytece z xxx a prekryje neco. Nebo scroll a zobrazi se scrolovaci listy.