title: ::first-letter pseudo-element not working in firefox
body: <p>I cannot for the life of me figure this one out.  I just want to style the dollar sign to be a different color and I would like to avoid using another element around the dollar sign.</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;strong&gt;John Dow&lt;/strong&gt; &lt;div&gt;$5,849,487&lt;sup&gt;84&lt;/sup&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;David Jones&lt;/strong&gt; &lt;div&gt;$5,498,364&lt;sup&gt;01&lt;/sup&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;strong&gt;Susie Smith&lt;/strong&gt; &lt;div&gt;$5,098,276&lt;sup&gt;35&lt;/sup&gt;&lt;/div&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And this CSS:</p>
  
  <pre><code>li::first-letter {
      color: blue;
  }
  li div::first-letter {
      color: red;
  }​​
  </code></pre>
  
  <p>The blue works, the red does not.</p>
  
  <p><a href="http://jsfiddle.net/ryanwheale/KUzUp/" rel="nofollow">http://jsfiddle.net/ryanwheale/KUzUp/</a></p>