Parent floated div ignored due to absolute positioning of the form

[cbruiners]

I have a form thats rendered by a JSON source, all works great, except I can't seem to put the form inside a floated DIV for responsive purposes.

There seems to be some absolute position on the form thats needed. What I'm trying to do is float the chart_pane and the question_pane so that they appear in 2 columns (which works fine) but then when the browser is a mobile device, etc... the chart_pane sits on top of the question_pane. The problem I've found is that the conversationform ignores the parent div its in partially because of the absolute position of the form.

Code below

<div id="wrapper">
    <div id="chart_pane">
        <h2>Acue Skunkworks</h2>
        <script>draw();</script>
    </div>
    <div id="question_pane">
        <div id="root"></div>
    </div>
</div>

Any suggestions?