Can anyone tell me why this (also available live at http://jsfiddle.net/A2eTG/6/) renders a "
symbol before the blockquote in Firefox but not Chrome/Safari?
blockquote
{
padding: 0 60px;
padding:10px;
padding-left:55px;
}
blockquote:before {
display: block;
font-size: 700%;
content: open-quote;
height: 1px;
margin-left: -0.55em;
position:relative;
top:-20px;
}
The blockquote:before
selector shows up in Chrome's developer tools but doesn't appear on screen.
What gives?