title: Content property for option tag not working
body: <p>Edited to make it a non-duplicate:</p>
  
  <pre>
  Is there a non-js solution that allows keyboard jumps 
  and a tree structure display for the select/option element?
  
  Simple &\nbsp; work in both Firefox(23) and Chrome(28), is there a better solution?
  </pre>
  
  <p>I am attempting to create a tree-style select box in css. From what I have been able to <a href="http://www.w3schools.com/cssref/sel_before.asp" rel="nofollow">find</a>, the <code>:before</code> tag is supported in IE8+ along with the <code>content</code> property. With that being said, I can get the code render as expected in Firefox(23.0), but I cannot get it to render in IE(10) or Chrome(28).</p>
  
  <p>HTML</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;select&gt;
      &lt;option class="level0"&gt;All&lt;/option&gt;
      &lt;option class="level1"&gt;Domestic&lt;/option&gt;
      &lt;option class="level2"&gt;Alabama&lt;/option&gt;
      &lt;option class="level1"&gt;Foreign&lt;/option&gt;
      &lt;option class="level2"&gt;Argentina&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre class="lang-css prettyprint-override"><code>.level0:before {
      content:none;
  }
  .level1:before {
      content:"-";
  }
  .level2:before {
      content:"--";
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/bXhqc/" rel="nofollow">jsfiddle included</a></p>
  
  <p>The reason I want to do it via css is because the client wants to limit javascript on the page and I would like the ability to jump to an option with the keyboard.</p>
  
  <p>Any help to get it working or insight into why it is not working would be appreciated.</p>
  
  <p>*<em>Edit:</em>*After reading the responses in the comments (which were as good as answers explaining why this is <a href="http://www.red-team-design.com/css-generated-content-replaced-elements" rel="nofollow">not possible</a>). I decided to use <code>&amp;nbsp;</code> characters in pure html to get the desired effect. This allows keyboard jumps in both Firefox and Chrome (although I still havn't found a non-JS solution to get it working in all 3). So - since there are no answers here yet - This is my new question: 
  Is there a non-js solution that allows keyboard jumps and a tree structure display for the select/option element?</p>