Ребенок DIV [абсолютный] не перемещается с родительским DIV в Safari

Question

Я в настоящее время тестирую здание с синхронизацией времени, но у меня проблемы с ним в Safari & Chrome. У меня есть ряд аккордеонов, которые открываются и закрываются. Каждый div содержит дочерний div, который должен перемещаться вместе с ним при открытии/закрытии. Это прекрасно работает в Firefox, но не в Chrome или Safari.

Образец здесь: http://www.evolvedublin.com/testcentre/

Я уверен, что его отношение к позиционированию абсолютной, но, возможно, я что-то пропустил? Есть идеи? Любая помощь очень ценится.

Answer 1

Удостоверьтесь, что родительский div имеет position: relative, это гарантирует, что любые абсолютно позиционированные дети будут расположены относительно этого родителя.

В вашем случае

.panel { 
    position: relative; 
}