CSS 위치를 선택 상자가

Question

내가 Programs 메뉴에서 드롭 다운 선택 상자를 갖고 싶어 재정의하지만은, 첨부 된 이미지를 참조하십시오 오버라이드 (override)되어 :

편집 : 가 여기에 선택 상자 내 코드입니다 나는 단순히 Programs 메뉴와 동일에 상자를 추가 할 수 없습니다 어떤 이유로

<div class="slide" style="width:738px;"> 
    <div class="n_title_black" style="padding-left:0;">PROGRAMS</div> 
    <div class="inner-main_content3" style="height:420px;padding:10px 0;"> 

    <div style="text-align: right; margin: 0px; padding: 0px; position: absolute; top: 90px; left: -6px; z-index: 9;" id="selectGenre"> 
    Genre: 
    <select onchange="this.form.submit()" id="filterGenre" name="filterGenre" style="width:220px"> 
     <option selected="selected" value="all">All</option> 
     <option value="7">Info/Edutainment</option> 
     <option value="8">News/Investigation</option><option value="12">Life Style</option> 
    </select> 

    // php code below to loop video's thumb 

</div> 

</div> 
</div> 

, 나는 누군가가 여기에 솔루션을 제공 할 수 있기를 바랍니다 이 문제는 고마워. 나는 당신이 시도 요소 에 대한 적절한 position 속성을 설정하지 않는 것 같아요

Answer 1

대신의

<div class="slide" style="width:738px;"> 
    <div class="n_title_black" style="padding-left:0; position:relative;">PROGRAMS</div> 
    <div class="inner-main_content3" style="height:420px;padding:10px 0;position:ralative;"> 

    <div style="text-align: right; margin: 0px; padding: 0px; position: absolute; top: 
      10px; left: 0px; z-index: 9;" id="selectGenre"> 
    Genre: 
    <select onchange="this.form.submit()" id="filterGenre" name="filterGenre" style="width:220px"> 
     <option selected="selected" value="all">All</option> 
     <option value="7">Info/Edutainment</option> 
     <option value="8">News/Investigation</option><option value="12">Life Style</option> 
    </select> 

    // php code below to loop video's thumb 

     </div> 

    </div> 
</div>