Hover Effects not recognized on lower z-index elements

And I think I found a way around it… an avoided JS.

I would prefer to keep as much in CSS as possible.

Say you have 2 fixed elements - they both share the same links “Services” and “Why Hire Us”.

Fixed Element 1 is a Section white on black.
Fixed Element 2 is a Section black on white.

Services is white on black.
Why Hire Us is black on white.

On Click Services… change visibility of Fix Element 1 to 100% Inline Block / Fixed Element 2 to 0% Hidden.

On Click Why Hire Us… change visibility of Fix Element 1 to 0% Hidden / Fixed Element 2 to 1000% Inline Block.

So far this works… still playing with it.

Video before the fix:
http://quick.as/wkA6T5Q8

Video after the fix:
http://quick.as/k105snzj