CSS位置选择框被覆盖

Question

我想在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>

出于某种原因，我不能简单地在Programs菜单中添加该框，我希望有人可以就此问题提供解决方案，谢谢。

Answer 1

我猜你没有为元素设置正确的position属性 试试这个：

<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>