title: CSS Dropdown menu and jquery chosen and z-index
body: <p>I'm having problems with where to place the z-index css code and plugin chosen for jquery.</p>
  
  <p>My dropdown menu is on top of all the content as you can see here: <a href="http://jsfiddle.net/Z9JE5/3/" rel="nofollow">http://jsfiddle.net/Z9JE5/3/</a></p>
  
  <p>My HTML Code:</p>
  
  <pre><code>&lt;div id="header"&gt;
      &lt;div id="mainmenu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menu 1&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Submenu 1&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Menu 2&lt;/a&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Submenu 1&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="chznselect"&gt;
      &lt;select class="chz-select" name="example"&gt;
          &lt;option value="1"&gt;Value 1&lt;/option&gt;
          &lt;option value="2"&gt;Value 2&lt;/option&gt;
          &lt;option value="3"&gt;Value 3&lt;/option&gt;
          &lt;option value="4"&gt;Value 4&lt;/option&gt;
          &lt;option value="5"&gt;Value 5&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried to add the z-index code everywhere but it just doesn't seem to work for me.</p>
  
  <p>Hope you can help me out!</p>