title: Horizontal list with select box
body: <p>I am using the <code>&lt;ul&gt;&lt;li&gt;</code> list tag within which I have 3  tags like sos:</p>
  
  <pre><code>&lt;ul id="reg-lists" &gt;
      &lt;li class="one"&gt;
              &lt;select&gt;...&lt;/select&gt;
          &lt;/li&gt; 
      &lt;li class="two"&gt;
              &lt;select&gt;...&lt;/select&gt;
          &lt;/li&gt; 
      &lt;li class="three"&gt;
              &lt;select&gt;...&lt;/select&gt;
          &lt;/li&gt; 
      &lt;/ul&gt;
  </code></pre>
  
  <p>I have the proper css to make the list horizontal:</p>
  
  <pre><code>#the-form li {
      display:inline !important;
      list-style-type: none;
      padding-right: 10px;    
  }
  </code></pre>
  
  <p>I does'nt seem to work though and am not sure why. Horizontal rule seems to apply well until you put the  combos. Would appreciate your help. Thanks</p>