I use the following CSS code to style my blockquotes:
blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
quotes:"\201C""\201D""\2018""\2019";
}
blockquote:before {
color:#ccc;
content:open-quote;
font-size:4em;
line-height:.1em;
margin-right:.25em;
vertical-align:-.4em;
}
blockquote p {
display:inline;
}
The first blockquote looks great, but if I add more blockquotes on the same page, only one single quote character is displayed.
You can see the result here:
http://img844.imageshack.us/img844/5369/quotesk.jpg
Can anyone help?