CSSbox-shadow仅显示边距

所以,我的网站有一个标题和一个包含Revolution Slider的div.我正在尝试在标题下方添加一个框阴影 - 并在滑块上方.但它不起作用,除非我也添加margin-bottom到标题 - 但这使得整个练习没有实际意义.

这是代码:

#header {
  display:block;
  min-height: 99px;
  background: #FFFFFF;
  border-top: 3px solid #8dddcd;
  border-bottom: 1px solid #ecf0f1;
  line-height: 99px;
  box-shadow: 0 10px 10px 10px rgba(0,0,0,0.3);
}
#rev {
  position: relative;
}

the slider

#header {
  box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.3);
  margin-bottom: 10px;
}
#slider {
  position: relative;
}

Header
Slider