Javascript 关闭后仍存在隐藏的模态div

我对关闭modals和Twitter引导有一个很大的问题。我会尽力解释的

我有一个模式，我可以打开和关闭，这工作得很好。除了当我关闭模态时，div似乎仍然存在，但它是隐藏的，悬停在导航栏上，这很痛苦，因为它位于导航栏上方，并且没有任何链接可以单击。该漏洞似乎仅限于Safari和Chrome，而在Firefox中则没有

我附上了两张图片来进一步说明这个问题[，]。第一个是在关闭模式后显示导航栏上显示的整个div，第二个是显示问题似乎出在模式页脚上

在我的一生中，我无法找出什么是错误的，我也无法在bootstrap中找到任何与之相关的bug报告

编辑：包括一些HTML

<div id="IMS_modal" class="modal hide fade" tabindex="-1">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3 id="IMS_modalHeader">
            Editing Data
        </h3>
    </div>
    <div class="modal-body">
        <form class="form-horizontal" id="IMS_editform">
            <div class="control-group" style="display:none;">
                <label class="control-label">ID</label>
                <div class="controls">
                    <input type="text" id="IMS_ID">
                </div>
            </div>
            <div class="control-group" id="IMS_servername_control">
                <label class="control-label">Server Name</label>
                <div class="controls">
                    <input type="text" id="IMS_servername"> &nbsp;<a href="#" rel="tooltip" id="IMS_servername_tooltip" title="Please provide a valid server name"></a>
                </div>
            </div>
            <div class="control-group" id="IMS_nodeid_control">
                <label class="control-label">Node ID</label>
                <div class="controls">
                    <input type="text" id="IMS_nodeid" maxlength="8"> &nbsp;<a href="#" rel="tooltip" id="IMS_nodeid_tooltip" title="Please provide a valid node ID"></a>
                </div>
            </div>
            <div class="control-group" id="IMS_ipaddress_control">
                <label class="control-label">IP Address</label>
                <div class="controls">
                    <input type="text" id="IMS_ipaddress"> &nbsp;<a href="#" rel="tooltip" class="validate" id="IMS_ipaddress_tooltip" title="Please provide a valid IP Address"></a>
                </div>
            </div>
                <div class="control-group" id="IMS_activeims_control">
                    <label class="control-label">Port</label>
                    <div class="controls">
                        <input type="text" maxlength="4" id="IMS_port"> &nbsp;<a href="#" rel="tooltip" id="IMS_port_tooltip" title="Please provide a valid active state"></a>
                    </div>
                </div>
                <br/>
            <div class="control-group" id="IMS_activeims_control">
                <label class="control-label">Active IMS</label>
                <div class="controls">
                    <input id="IMS_activeims" type="checkbox" name="vehicle" value="true"><br>
                </div>
            </div>
            <div class="control-group" id="IMS_activeims_control">
                <label class="control-label">Monitor Connections</label>
                <div class="controls">
                    <input id="IMS_monitor" type="checkbox" name="vehicle" value="true"><br>
                </div>
            </div>
        </form>
    </div>

    <div class="modal-footer">
        <button class="btn btn-success" onclick="saveIMSEdit()">Save changes &nbsp;</button> <button class="btn" data-dismiss="modal">Close</button>
    </div>
</div>

---

需要看到一些HTML，至少有助于关闭你之前，你关闭我看到你做了编辑。现在有一个太令人担忧了，现在应该是正确的。复制时出错。问题仍然存在。您能做一个JSFIDLE吗？