My rollover state work going down buttons, but are slow going up

It is all I have to work with, we are making simulations for testing in our elearning. Flash is dead, we cannot use it with our LMS so everything has to be HTML5 (I did it with rollover slidelets initially but that will not work as HTML5) . 

It comes out pretty cool, even with the lag going back up. It runs almost like a sandbox simulation, I am just a perfectionist and since it works going down, it does not make sense to me why it can't work going back up.

I get there is a lot on the page, but why does it work going down, just not up? I tried pulling each button up one pixel and that did not help.

They do not overlap, but the edges are right on top of each other.

The first four are like this: x:37 y:31 w:147 H:15 ; x:37 y:46 w:147 H:15 ;  x:37 y:61 w:147 H:13 ;  x:37 y:74 w:147 H:13 . I am pretty particular to detail so each one hits exactly to the next like the four above.

I actually did use transparent buttons, not shape objects.

I didn't use the down state except for a couple of places where the button indented when clicked in our software.

You need to offer more details to get help, I'm afraid.

Which version are you using (full number please)? You talk about 'rollover state', normally that word 'Rollover' is reserved for that InBuilt state for an interactive object like a button or a shape button. Is that the case?  What do you mean by 'scrolling up' and 'scrolling down'? I am not a native English speaker. I never associate scrolling with pressing an interactive button? Maybe post some screenshots: Object State panel, timeline, stage?