javascript - 非表示のモーダル div が閉じた後も存在する

Question

モーダルと Twitter Bootstrap を閉じるのにかなり大きな問題があります。私は説明するためにできる限り最善を尽くします。

開閉できるモーダルがあり、うまく機能します。モーダルを閉じると、divがまだ存在しているように見えますが（非表示になっています）、ナビゲーションバーの上にカーソルを置いています。これは、ナビゲーションバーの上にあり、リンクをクリックできないため、苦痛です。このバグは Safari と Chrome に限定されているようです (Firefox では発生しません)。

問題をさらに説明するために、2 つの画像を添付しました [ 1つ目、2 つ目]。1 つ目は、モーダルを閉じた後、navbar 上に存在する div 全体を示しています。2 つ目は、問題がモーダル フッターにあるように見えることを示しています。

私は一生、何が間違っているのかを理解することができず、ブートストラップに関連するバグレポートを見つけることができませんでした.

編集：いくつかの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>