Sticky Menu problem

What do you think is the problem on my sticky menu. It started when I added a background on my page. I added 3 div tags in masthead.php. Thank you guys!

masthead.php

<a href="” title=”” rel=”home” class=”logo”>

………….

——————–
My custom css
#bg1 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 542px;
background: #ccc;
z-index: 1;
box-shadow: inset 0px 280px 60px 0px rgba(0,0,0,0.3);
}
/* black bg */
#bg2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 243px;
background: #262626;
z-index: 2;
box-shadow: inset 0px 10px 60px 0px rgba(0,0,0,0.7);
}
#outer {
position: relative;
z-index: 3;

margin: 0px auto 0 auto;
background: #ffffff;
box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.2);
}

URL: http://webcraftph.com/misg/