title: Hide select option with CSS style not compatible when using IE8 and Safari
body: <p>HTML:</p>
  
  <pre><code>    &lt;select id="resource-list" onchange="js_resource_filter_changed()" name="resource-list"&gt;
      &lt;option value="site"&gt;This is option 1&lt;/option&gt;
      &lt;option value="154" selected="selected"&gt;This is option 2&lt;/option&gt;
      &lt;/select&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    #resource-list option[value="site"] {display: none !important;}
  </code></pre>
  
  <p>My goal is to hide option 1 using only CSS. This work well with IE9 and above + Chrome and FF but not for IE8 and Safari. I wondering if the code could be adapted or if is impossible to hide in all browser a specific select option.</p>
  
  <p>You can test here: <a href="http://jsfiddle.net/cX9gC/" rel="nofollow">http://jsfiddle.net/cX9gC/</a></p>