I have a problem with :first-child not rendering properly in many browsers. I'm most concerned about Firefox here... Here is the markup:

Code HTML4Strict:
<div class="content">
<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est,</p>
<p>Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est,</p>
<p>Sed ut perspiciatis</p>
<blockquote><p>This is broken!</p></blockquote>
</div>


The CSS:

Code CSS:
.content p:first-child:first-letter {
    color:#CC0000;
    display:inline;
    float:left;
    font-size:5.4em;
    line-height:0.8em;
    margin:0.13em 0.14em 0 0;
    text-transform:uppercase;
}
.content p:first-child:first-line {
    font-size:1.2em;
    font-variant:small-caps;
}

My problem is that the CMS wraps the content of the blockquote in p, and the CSS above, for some weird reason changes that too, instead of being limited to the first-child.

I'd appreciate a solution to this, 'cause I'm at my wits' end.
Thanks.