CSS is driving me nuts

Aarrgh. My lovely blockquote CSS, with the indent and the nice vertical line works great all the time EXCEPT when I have an inline image on the left. For some (probably arcane) reason, in that case the margins/padding and border seem to “disappear” under the inline image. You can see the problem below.

I’ve know about this for years, but for some reason it’s driving me nuts today. I have recruited some CSS experts to advise me.

Here’s some text and a blockquote, the way they should look:

This is a temporary post to show someone a CSS issue.

This is a temporary post to show someone a CSS issue

Here’s some text and a blockquote, with an inline image on the right. Everything is still good:

This is a temporary post to show someone a CSS issue.

This is a temporary post to show someone a CSS issue

Here’s some text and a blockquote, with an inline image on the left. Where did that indent and border go?

This is a temporary post to show someone a CSS issue.

This is a temporary post to show someone a CSS issue