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

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