상단메뉴를 배경이미지 위로 올리려면 어떻게 해야하나요?

이미지를 보면 로고와 메뉴가 배경이미지 아래로 들어가 있습니다~

배경이미지를 무시하고 상단메뉴를 이미지위로, 최상단에 위치시키려면 어떻게 해야하나요?

아래가 css소스부분이고요~

<style>

header {
    text-align: center;
    background-attachment: scroll;
    background-image: url(../img/bgimg3.jpg);
    background-position: center center;
 background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

.navbar-default {
    background: #171717;
    margin: 0 !important;
    padding: 20px 0;
 background: rgba(0,0,0,0.5);
 z-index: 100;
 
 
}

.navbar-default .navbar-brand {
 text-align:right; 
  color: #fff;
  font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin: 0;
  background: rgba(0,0,0,0.5);
 
 
}

.navbar-default .navbar-nav li a {
    color: #fff;
    font-size: 15px;
  font-weight: bold;
    letter-spacing: 1px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding-right: 22px;
    padding-left: 22px;
 background: rgba(0,0,0,0.5);
 font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;

 
}

/* Submenu */

.hasChildren {
 position: absolute;
 width: 5px; height: 5px;
 background: black;
 right : 0;
 bottom: 0;

}

.navbar-nav li ul {
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0;
 margin: 0;
 
}

.navbar-nav li:hover > ul {
 background: rgba(0,0,0,0.6); 
 display: block;

}

.navbar-nav li ul li, #jsnav li ul li a {
 float: none;
}

.navbar-nav li ul li {
 _display: inline; /* for IE6 */
}

.navbar-nav li ul li a {
 text-align:left;
 width: 100%;
 display: block;
}

/* SUBSUB Menu */

.navbar-nav li ul li ul {
 display: none;
}

.navbar-nav li ul li:hover ul {
 left: 100%;
 top: 0;
}

</style>

---------------------------------

요기가 배경과 메뉴가 들어간 부분입니다~

  <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">DELICIOUS</div>
                <div class="intro-heading">특별하고 정직한 레시피를 고집하는<br />김사부 왕족발 보쌈직화쭈꾸미입니다.</div>
                <a href="#contact" class="page-scroll btn btn-xl">회사소개 바로가기</a>
            </div>
        </div>
    </header>
   <!--// 메뉴 -->
<div class="navbar navbar-default navbar-static-top" role="navigation">
 <div class="container">
   <div class="navbar-header">
               <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
               </button>              
               <a class="navbar-brand" href="<? echo G5_URL ?>"  style="width:100%;">Homepage</a>              
          </div>
  <div class="collapse navbar-collapse" id="navbar-ex-collapse-menu">
   <ul class="nav navbar-nav">
   <?php
   $sql = " select *
      from {$g5['menu_table']}
      where me_use = '1'
        and length(me_code) = '2'
      order by me_order, me_id ";
   $result = sql_query($sql, false);

   for ($i=0; $row=sql_fetch_array($result); $i++) {

    // 드롭다운 여부 확인 쿼리
    $sql2 = " select count(*) as cnt
       from {$g5['menu_table']}
       where me_use = '1'
         and length(me_code) = '4'
         and substring(me_code, 1, 2) = '{$row['me_code']}'
       order by me_order, me_id ";
    $row2 = sql_fetch($sql2);

    $add_li_class = '';
    $add_a_class = '';
    $add_a_icon = '';
    if($row2['cnt']){
     $add_li_class = ' class="dropdown"';
     $add_a_class = ' class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"';
     $add_a_icon = ' <i class="fa fa-caret-down"></i>';
    }
   ?>

.

.

.

.