We are working on implementing a responsive design to our website. Much of our content is now nested in css-based accordian panes. We have some maps that are nested in accordion panes. In Firefox (I have 31.4 ESR version), the map won't load if the accordion pane is originally collapsed. The problem appears to be that the map frame is missing dimension when the parent container is hidden. Internet explorer must handle hidden content differently; it works fine in IE9.
The following example should demonstrate the problem. As it is, the example will fail in FF.
Our website content manager would like the map to be collapsed when the page opens. I'm not sure how to make this happen in FF. Any suggestions?