How do I style blockquotes on tumblr theme?

Question

I want my blockquotes aligned, not overlapping. The issue can be seen here: http://ymirsgirlfriend.tumblr.com/post/86505956778/caramelcheese-carry-on-my-wayward-butt

Example Image of requirement.

Here is my CSS:

blockquote {
    display: block;
    width:200px;
    margin-left:20px;
    margin-right:10px;
    border:1px solid #bbb4b4;
    padding: 5px 5px 5px 5px;
    border-radius:0px;
    color:#aaaaaa;
    background-color: #fafaf7;
    width:180px;
    margin-left:0px;
    cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png);
}

Thank you to anyone who looks at the question!

Answer 1

Avoid width and set a negative margin-right. Keep the padding and don't use overflow:hidden, otherwise the content will get cut or too close to the border.

blockquote {
    /* width: 200px; no width!*/
    margin-right: -6px; /*this is the code*/
}