Apply the correct style to first-letter pseudo elements composed of different renderers

LayoutTests/fast/css/first-letter-punctuation.html

Index: LayoutTests/fast/css/first-letter-punctuation.html
diff --git a/LayoutTests/fast/css/first-letter-punctuation.html b/LayoutTests/fast/css/first-letter-punctuation.html
index 753f5be1a1af1f57aa9b22f4bef9352a09e5a949..ef7a861a72e3629816991528b74a5cd7ce046efb 100644
--- a/LayoutTests/fast/css/first-letter-punctuation.html
+++ b/LayoutTests/fast/css/first-letter-punctuation.html
@@ -5,7 +5,7 @@
             div:first-letter
             {
                 color: green;
-                font-size: 36px;
+                font-size: 26px;

[mario.prada, 2014/03/27 14:12:39]

I reduced the font size here to make sure the whole get page gets rendered
without scrolling

             }
         </style>
     </head>
@@ -16,8 +16,14 @@
         <div>&nbsp;Test&nbsp;</div>
 
         <div>(T)est</div>
+        <div>(Test)</div>
         <div>&nbsp;(T)est</div>
+        <div>&nbsp;(Test)</div>
+
         <div>&ldquo;T&rdquo;est</div>
+        <div>&ldquo;Test&rdquo;</div>
+        <div><q>T</q>est</div>
+        <div><q>Test</q></div>

[mario.prada, 2014/03/27 14:12:39]

I added some more cases in this test too to make sure the code behaves properly
when trailing punctuation should not be taken into account, and also with
elements that will translate into plain text characters later on (<q>)

 
         <div>&amp;Test</div>
         <div>&nbsp;&amp;Test</div>