iPhone 4 Safari - Accordion not scrolling
I have an accordion up at
http://mobi.witsstaging.grovegroup.info/contacts
On the iPhone 4 using Safari or Chrome, expanding the bottom accordion element will render it's content up to the bottom of the viewport, but after that scrolling on the expanded accordion section is not possible. The user has to scroll using the thin strip of the background element which is visible on either side of the accordion.
In my
- $( "#accordion" ).accordion({});
function I've tried various arguments on various properties, including setting the heightStyle to "content" and "fill", autoHeight to true and false, and various other things. I have also given display:block and overflow-y:scroll css properties to the accordion itself and it's child elements without success. The problem only seems to manifest itself on this device, it doesn't happen in Chrome on other mobile devices or in Safari on other iOS devices.
Any help would be greatly appreciated.
Thanks in advance