Hi

I ran in to a little problem, I placed two divs, first one is menu bar and the second is header the menu bar is overlapping the header only show half of the header.

my .css code, I can't figure out the problem, could someone help me solve it?

#Main-menu-container {
width:100%;
background-color: #FFF;
line-height:40px;
position: relative;
z-index: 9999;
-webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.36);
-moz-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.36);
box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.36);
}

#Header {
width:100%;
background-color:#E4E4E4;
height:130px;
text-align:center;
padding:30px 30px;
}