Footer is indented


#1

Footer is indented roughly 7-8% and not sure why. Footer div stretches all the way to the right edge like I want it to, but starts indented on left side. Thoughts?

#header {
    border-radius: 5px;
    background-color: #00bfff;
    height: 60px;
    width: 100%;
    font-size: 30px;
    font-family: Verdana;
    text-align: center;
    line-height: 60px;
    z-index: 1;
}

#footer {
    border-radius: 5px;
    background-color: #00bfff;
    clear: both;
    margin: 0px 0px 0px 0px;
    height: 60px;
    width: 100%;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    font-family: Verdana;
    
}

.left {
    border-radius: 5px;
    background-color: #d8d8d8;
    height: 400px;
    width: 60px;
    float: left;
    margin: 5px 5px 5px 0px;
    text-align: center;
    font-family: Verdana;
    position: relative;
    
}

#2

body has a margin by default, which is causing this gap, remove it (give it a margin of 0)