Question

I am currently test building an accordion timeline but am having issues with it in Safari & Chrome. I have a series of accordions which open and close. Each div contains a child div that should move with it when opening/closing. This works fine in Firefox but not in Chrome or Safari.

A sample is here:
http://www.evolvedublin.com/testcentre/

I’m sure its related to positioning of absolute, but maybe I have missed something? Any ideas?
Any help much appreciated.

Answer 1

Make sure the parent div has position: relative this will ensure any absolutely positioned children will be positioned relative to this parent.

In your case

.panel {
    position: relative;
}