javascript - Cant remove background color from bootstrap nav over image slider -

please see:http://add-ocd.com/testing/

to clarify, trying change second nav bar top transparent can see through image behind it.

i applied css navbar work transparency:

#nav > .navbar-inner { border-width: 0px; -webkit-box-shadow: 0px 0px; box-shadow: 0px 0px; background-color: rgba(0,0,0,0.0); background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00))); background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%); background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%); 

but think there happening slider where, although nav inside slider div, still pushing slider image down. when use margin-top:-2em pull slider underneath nav, still doesn't have transparency on navigation. if scroll down on page, see transparent background on navigation should. tips appreciated.

• change below height 90%.

.carousel-inner { height: 100%; }

• and remove top-margin #imagebox.

cannot give top:0 .carousel-control current markup since overlap menu. otherwise should give white background color #nav-wrapper , bring front using z-index.

---

another suggestion better if add new div <div class="spotlight"> wrapping carousel-indicators, carousel-indicators, left carousel-control , right carousel-control.

.spotlight {    position: relative;    width: 100%;    height: 90%; }