html5边距怎么设置成无,html – div块的下边距未生效

我有几个嵌套的div块,我的问题是最后一个left_navigation_container在底部边缘没有7px间距,我不知道为什么(

jsfiddle).

HTML：

Title

CSS：

div.left_navigation_outer {

background: green;

background-repeat: repeat;

margin:10px;

-moz-box-shadow: 0px 0px 5px #ababab;

-webkit-box-shadow: 0px 0px 5px #ababab;

box-shadow: 0px 0px 5px #ababab;

}

div.left_navigation_header_outer {

background: blue;

background-repeat: repeat;

height: 50px;

border-top: 4px solid black;

}

div.left_navigation_header_logo {

line-height:50px;

color: #efefef;

text-shadow: 0 -1px #000;

text-align: center;

text-transform: uppercase;

}

div.left_navigation_container {

background: red;

background-repeat: repeat;

height: 50px;

margin: 7px;

}