CSS 100% Height has vertical scroll

HTML

<div id="wrapper">    
        <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;
    }
    #header {
        background-color:red;
        padding: 0;
        margin: 0;
        display: table-row;
        height:1px;
    }
    #nav {
        background-color:gray;
        padding: 0;
        margin: 0;
        display:table-row;
        height:1px;
    }
    #title {
        background-color:azure;
        padding: 0;
        margin: 0;
        display:table-row;
        height:1px;
    }
    #content {
        background:green;
        padding: 0;
        margin: 0;
        display:table-row;
    }
    #wrapper {height:100%;width:100%;margin:0;padding:0;display:table}