Проблема в верстке

Помогите, я запутался. Откуда вылазит это маленькое белое пространство?

CSS:

#wraps {
    width: 1840px;
    height: 100%;
}
#wraps .home_wrap {
    display: inline-block;
    background: black;
    width: 900px;
    height: 800px;
}
#wraps .game_wrap {
    display: inline-block;
    background: red;
    width: 900px;
    height: 800px;
}

HTML:

<div id="wraps">
    <div class="home_wrap">
        <button onclick="$('#wraps').animate({marginLeft: '-900px'}, 500);">TEST GO</button>
    </div>
    <div class="game_wrap">
        <button onclick="$('#wraps').animate({marginLeft: '0px'}, 500);">back GO</button>
    </div>
</div>