html - ブートストラップモーダルの位置が悪い

Question

私はブートストラップ モーダルを使用しています。整列属性が centerr である div 内に配置すると、モーダルが適切に配置されません。

例

<div class="content" id="content" align="center">
 <div id="div" class="modal hide fade" tabindex="-1" role="dialog"
                aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-header">
                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 id="divTitle">
                </h3>


                </div>
                <div id="divBody" class="modal-body">
                </div>
                <div  class="modal-footer">
                <input type="button" class="btn" class="close" data-dismiss="modal" value="fermer">
                </div>
                </div>  

</div>

解決策は何ですか？