title: CSS position select box overridden
body: <p>I want to have dropdown select box under <code>Programs</code> menu, but its been overridden, please refer to image attached:</p>
  
  <p><img src="https://i.stack.imgur.com/ZBrH8.jpg" alt="enter image description here"></p>
  
  <p><strong>Edited:</strong>
  Here's my code for select box</p>
  
  <pre><code>&lt;div class="slide" style="width:738px;"&gt;
      &lt;div class="n_title_black" style="padding-left:0;"&gt;PROGRAMS&lt;/div&gt;
      &lt;div class="inner-main_content3" style="height:420px;padding:10px 0;"&gt;
  
      &lt;div style="text-align: right; margin: 0px; padding: 0px; position: absolute; top: 90px; left: -6px; z-index: 9;" id="selectGenre"&gt;
      Genre:
      &lt;select onchange="this.form.submit()" id="filterGenre" name="filterGenre" style="width:220px"&gt;
          &lt;option selected="selected" value="all"&gt;All&lt;/option&gt;
          &lt;option value="7"&gt;Info/Edutainment&lt;/option&gt;
          &lt;option value="8"&gt;News/Investigation&lt;/option&gt;&lt;option value="12"&gt;Life Style&lt;/option&gt;
      &lt;/select&gt;
  
      // php code below to loop video's thumb
  
  &lt;/div&gt; 
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>For some reason I cannot simply add the box in same  with <code>Programs</code> menu, I hope someone here can give a solution on this issue, thanks.</p>