css - div 外部的 html 内容出现在 div 内部

Question

我的 DIVS Action 有问题。基本上我有一个 div 和 div 外部，如果我放一些 html 文本它仍然显示在 div 内部。我不确定我做错了什么。如果有人能看一眼，我将不胜感激。提前致谢。

html:

<div id="content">

            <p>  To submit <?php echo $_SESSION['sight_type']?> sightings, choose a location type.</p>

        <div id = "form_location_type" >`

        <form method="POST" action="location_type_input.php">
            <table>
            <tr>
            <td><input type="radio" name="location_type" value="new"  /></td><td><p> New location</p></td></tr>
            <tr>
            <td><input type="radio" name="location_type" value="saved" /></td><td><p> Saved location</p></td>
            <td><input type="submit" value="Continue"></td></tr>
            <table>
        </form>
        </div>     <!-- End form_location_type div -->
         THIS SHOULD BE OUTSIDE ABOVE DIV BUT IT PRINTS INSIDE                   
    </div> <!-- End content div -->

    <div id="footer"> <?php include 'footer.php'; ?> </div> <!-- End footer div -->

css(最相关的是最后评论的部分)

html { height: 100%; }
body, html { min-height: 100%; height: 100%;margin : 0;
    padding : 0; }
/*html, body {
    height:auto
    height: 100%; }/* Required */



body {


    width:100%;
    line-height : 1.8em;
    color : #000000;
    background : #F5F5FF; 
    }

#container {

    position: relative;
    min-height: 100%;
    width : 800px;
    margin : 0 auto 0 auto;
    border-style: solid;
    border-width:1px;
    background : #FFFFCC;
    -moz-box-shadow: 10px 10px 5px #888888; /* shadow border */
    box-shadow: 10px 10px 5px #888888;
    }
#footer {
    clear:both;
    position:absolute;
    text-align: center;
    left:0;
    bottom: 0;
    width: 800px;
    background : #FFFFCC;
    font : 75% "Trebuchet MS", verdana, arial, tahoma, sans-serif; 

    } 

/* form on form_location_type.php */   
#form_location_type {

margin: 0 auto;
background:white;
border:solid 1px;
}

Answer 1

确保正确关闭表格:

<table>
    ...
</table>

这似乎是问题所在:http://jsfiddle.net/RDGuY/2/