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