嵌套的div，jstree显示和tablesorter表

Question

在格式化我正在使用的webapp时，我遇到了一些问题。出于某种原因，当我尝试在树旁边显示一张桌子时，它会把它推到树下而不是它旁边。

  

考虑到自1998年以来我没有建立网站，我认为我做得很好，但无论如何这里是代码。

<div style="height:55px;border-bottom: 1px solid black;float:top;">
    <div id="menu_div" style="height:50px;width:200px;margin-top:15px;margin-bottom:15px;display:inline-block;">
        <ul id="menu">
            <li><a href="#">Menu</a>
                <ul>
                    <li><a href="#" onClick="config_ip()">Configure IP</a></li>
                    <li><a href="#" onClick="config_local_share()">Configure Local Share</a></li>
                    <li><a href="#" onClick="send()">Send Files Now</a></li>
                    <li><a href="#" onClick="help_button()">Allow Remote Access</a></li>
                    <li><a href="#">Add Source</a>
                        <ul>
                            <li><a href="#" onClick="mysql()">MySQL</a></li>
                            <li><a href="#" onClick="mssql()">MSSQL</a></li>
                            <li><a href="#" onClick="shareR()">Remote Share</a></li>
                        </ul>
                    </li>
                    <li><a href="#" onClick="refresh()">Refresh Local Share</a></li>
                    <li><a href="#" onClick="backup()">Backup Device</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div style="float:right;margin-top:10px;display:inline-block;">
        <span style="vertical-align:middle;margin-left:20px;"><a href="#" onClick="transfer()"><img src="png/glyphicons_457_transfer.png" /></a></span>
        <span id="deletePic" style="vertical-align:middle;margin-left:20px;"><a href="#" onClick="delete_source()"><img src="png/glyphicons_256_delete.png" /></a></span>
    </div>
</div>
<div id="lower">
    <div id="mainCon" style="width:300px;height:100%;border-right: 1px solid black;float:left;display:inline-block;">
        <div id="browser"></div>
        <div id="subBrowser"></div>
    </div>
    <div>
        <div style="float:right;margin-left:320px;display:inline-block;">
            <div id="displayTable"></div> 
            <pre><p style="margin-left:10px;" id="displayText"></p></pre>
        </div>
    </div>
</div>