CSS 100% Height has vertical scroll

HTML

<div id="container">
    <div id="header">header</div>
    <div id="nav">Nav</div>
    <div id="title">title</div>
    <div id="content">
        Content
    </div>
</div>

CSS

html {
        height:100%;
        padding: 0;
        margin: 0;
    }
    body {
        height: 100%;
        padding: 0;
        margin: 0;
    }
    #container {
        height: 100%;
    }
    #header {
        background-color:red;
        padding: 0;
        margin: 0;
        height: 25%;
    }
    #nav {
        background-color:gray;
        padding: 0;
        margin: 0;
        height: 25%;
    }
    #title {
        background-color:azure;
        padding: 0;
        margin: 0;
        height: 25%;
    }
    #content {
        background-color:antiquewhite;
        padding: 0;
        margin: 0;
        height: 25%;
    }