Вопрос z-index карты Google

Question

Я знаю, что размещение ссылок на сайт считается плохим, и мы должны объяснить проблему, но я на самом деле не знаю, в чем проблема. Я никогда не испытывал ничего подобного раньше.

Страница: http://chefs2call.co.uk.gridhosted.co.uk/

Прокрутите вниз, найдите карту Google, внутри div #wpgmza_map. Существует наложение div, создающее синий оттенок карты, затем еще один div (.details-box внутри.container), который должен располагаться поверх карты и наложения.

В настоящее время наложение работает, но окно сведений делает что-то странное, фон под картой Google, но содержимое поверх (все еще под наложением).

Насколько я могу судить, мой z-индекс верен, но он не играет в мяч. Есть идеи почему? или как я могу это исправить?

Answer 1

По данным w3school:

Примечание: z-index работает только с позиционированными элементами (позиция: абсолютная, позиция: относительная или позиция: фиксированная).

Так что дайте положение относительно .contact-us .container

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