[LIBERTINES]

[nospaces][break][break]ok so if you hover over his box here you'll see that you can't scroll the text or highlight it when it pops out. does anyone know why this happens where i fked up? also this code is so messy it will probably never see the light of a complete temp 8'D
[break][break]

[attr="class","hvr"]

[attr="class","camaro"]Sweet roll pastry pudding cookie topping. Candy canes icing dessert. Powder powder cake wafer donut gingerbread danish macaroon sesame snaps.[break][break]

Lemon drops powder gummi bears halvah candy canes sugar plum marzipan wafer. Chocolate cake danish dessert carrot cake chocolate cake applicake lemon drops. Biscuit carrot cake carrot cake carrot cake chupa chups cotton candy powder.[break][break]

Sweet roll pastry pudding cookie topping. Candy canes icing dessert. Powder powder cake wafer donut gingerbread danish macaroon sesame snaps.

[attr="class","hirsch"]

[attr="class","infop"]CATS IN A BAG [break]
A BAG[break]
A BAG...

[newclass=".hvr"]height:150PX; position: relative; width:100%;[/newclass]

[newclass=".hirsch"]height:150PX; position: relative;-webkit-transition: 1s all; transition: 1s all; [/newclass]

[newclass=".hvr:hover .hirsch"]position: relative;-webkit-transition: 0.7s all; transition: 0.7s all;[/newclass]

[newclass=".infop"]-webkit-transition: 1s all; transition: 1s all; font-weight: 700; font-size: 25px; text-shadow: 2px 2px #eb5fa2; letter-spacing: -2px;position: relative; top: -120px; margin-left: 180px;[/newclass]

[newclass=".hvr:hover .infop"]opacity:0;-webkit-transition: 1s all; transition: 1s all; position: relative;margin-left: 380px;[/newclass]

[newclass=".camaro"]-webkit-transition: 1s all; transition: 1s all; opacity:0; width: 0px; background-color: #ffffff; height: 130px; position: relative; float: left; padding: 10px; overflow: auto; font-size: 10px; text-align: justify;[/newclass]

[newclass=".hvr:hover .camaro"]opacity:1;-webkit-transition: 1s all; transition: 1s all; position: relative; float: left; width: 360px; overflow: auto; font-size: 10px; text-align: justify;[/newclass]

[newclass=.camaro::-webkit-scrollbar]width: 5px;[/newclass]
[newclass=.camaro::-webkit-scrollbar-thumb]background: #5D5D5D; border-radius: 0px;[/newclass]

[Egao, Egao Everywhere]

[newclass=".hirsch"]height:150PX; position: relative;-webkit-transition: 1s all; transition: 1s all; [/newclass]

[newclass=".hvr:hover .hirsch"]position: relative;-webkit-transition: 0.7s all; transition: 0.7s all;[/newclass]


The element of "hirsch" still exists on top the entire template. You would need to margin-left it upon hover so that it moves aside, and adjust the margin of infop upon hover accordingly. Right now, it just looks like it moved aside but the element is still actually there (like a padding.)