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

Question

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

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

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

Answer 1

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

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

.panel {
    position: relative;
}