Wordpress Blockquote Styling

[Kesava]

I'm attempting to style my Wordpress Blockquotes.

So far I have this:

blockquote {
padding-left: 10px; /* make room for the image on the left side */
padding-right: 20px;
background-color: #B6C386;		
border: 0;
background-image:url('/wp-content/themes/atahualpa353/images/corner.png');
background-repeat:no-repeat;
background-position:right top;
}

I basically want the blockquotes to have a lightly colored background and a picture in the top right corner, however at the moment the text overlaps the picture. How do I get it to wrap around the picture?

Thanks

[blueguy]

Hi

You can't do it as you think. Background is the background so the content will be always at the top of it.
You can add padding-right and then it will create a spacing from right border.

Other way- You can add <img /> tag (which is your image) at the beginning, before any text in your blockquote and add style property float: right for this image.
Then your image will float to the right top corner and text will be around. But it requires adding of image...

[Kesava]

thanks, I managed to do it using 'padding-right'.