title: Customized CSS styles inside <option> tag in expanded <select> list
body: <p>I was wondering if there are other ways to customize an expanded select list using HTML or even a jQuery plugin. Basically I want each option in the list to be rendered with multiple styles, like in this example where the number is colored red:</p>
  
  <pre><code>&lt;select size="12" name="ddlSpecial" id="ddlSpecial"&gt;
      &lt;option value="1"&gt;
          &lt;div&gt;Option text &lt;span style="color:Red;"&gt;(1)&lt;/span&gt;&lt;/div&gt;
      &lt;/option&gt;
      &lt;option value="2"&gt;
          &lt;div&gt;Option text &lt;span style="color:Red;"&gt;(1)&lt;/span&gt;&lt;/div&gt;
      &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>The HTML above works only in Firefox while the other browsers strip out the styling:</p>
  
  <p><a href="http://i.stack.imgur.com/TqZuc.jpg" rel="nofollow">http://i.stack.imgur.com/TqZuc.jpg</a></p>