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メニューと同じボックスを単純に追加することはできません。ここの誰かがこの問題の解決策を提供してくれることを願っています。