I have a scrollable-x div on top of an embedded map, but the map takes control instead

Question

I\'m trying to have a scrollable-x ul that lays on top of an embedded google map. The issue I\'m having is that I\'m not able to scroll inside that list because the