Non absolute or fixed div over map

[uunf2xan]

I'm using a modified version of cssgrid.net to match my needs making a website. Now I'm trying to have a MapBox map as a background for a \[code\]div\[/code\] that is over it, but my problem is with dragging, because the wrapper of the div over the map doesn't allow me to drag the map.As I can see with the DOM Inspector, the wrapper \[code\]div\[/code\] of the \[code\]div\[/code\] with the information uses the whole horizontal space available, not allowing to drag the map below it.I've reproduced my problem in a JSFiddle, so you can see the actual markup and CSS I'm using.