css - google map z-index issue -


i know posting links site considered bad , should explain issue dont know issue is. have never experienced before.

page: http://chefs2call.co.uk.gridhosted.co.uk/

scroll bottom, find google map, inside div #wpgmza_map there overlay div creating blue tint map, div (.details-box inside .container) should sit ontop of map , overlay.

currently overlay working, details box doing odd, background underneth google map content ontop (still under overlay).

as far can tell z-index correct not playing ball. ideas why? or how might fix it?

according w3school:

note: z-index works on positioned elements (position:absolute, position:relative, or position:fixed).

so give position relative .contact-us .container

.contact-us .container {     z-index: 10;     position: relative; } 

Comments

Popular posts from this blog

java - unable show chart in xls document using jasper reports -

java.lang.RuntimeException: Could not generate dummy secret at sun.security.ssl.RSAClientKeyExchange.<init> -

javascript - How to change image src on success AJAX -