I have a div that is positioned to the bottom of the page and sits above everything on the page. I include a shadow to remove the harsh cutoff of the content below. However,
Try setting the pointer-events to none; for the overlaying div. See this page for an example: http://css-tricks.com/almanac/properties/p/pointer-events/