html - DOCTYPE を宣言するとフルスクリーンの div が消える

Question

フルスクリーンの 2 つのテスト div がありますが、動作しますが、宣言するとすぐに縮小し、フルスクリーンが表示されません。

最初の div をフルスクリーンにしてから、画面のサイズでもある 2 番目の div までスクロールダウンしようとしています。

http://jsfiddle.net/ZfmMv/で JSFiddle をセットアップしました

HTML コード:

<div id="home">
        <ul>
            <li><a href="#about">About</a></li>
        </ul>

        <h1>Home</h1>
</div>

<div id="about">

        <h1>About</h1>
</div> 

そしてCSS：

body {
    margin: 0px;
}

#home {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background: aqua;
}

#about {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background: #ff0085;
}

これについてご協力いただきありがとうございます。

Answer 1

追加：

html,body {
    height:100%;
}

jsFiddle の例