Hey all,

I haven't seen anyone with this particular problem, so I'm thinking it's specific to my code, but I can't seem to find the fix.

Basically, it doesn't appear as though the images I link to within a Blockquote are actually "in" the blockquote. For example, if an image is larger than the Blockquote area (Blockquote auto-sizes to fit its text content, but not its image), it will spill outside the Blockquote instead of expanding the quote area to fit the image within it, as it would do with text.

Furthermore, in versions of IE before 6, any images within a blockquote are covered by the background color in the blockquote area--as if the image is actually *behind* the background. And yes, fyi, I'm placing my image URLs between the "blockquote" tags.

See an example of the problem here: http://meltedreelonline.com/node/42

I'm not sure what section of code to post for people to examine this problem, so I'll just start with the Blockquote section of my CSS file. Definitely let me know if you need anything else:

blockquote {
  position: relative;
  border-left: 2px solid #ff6600;
  background-color: #FFFDAE;
  padding: 5px 15px;
  margin: 5px 10px 10px 5px;
  text-align: left;
  font-size: 1em;
  line-height: 1.2em;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, 
sans-serif;
}

The "position: relative;" part is because it was suggested to me that this might be the old IE "Peekaboo" bug, but the line makes no difference either way, and the "Peekaboo" bug doesn't explain why *all* browsers see the images spilling over the edges of the blockquote.

(I know the overlapping isn't a pressing issue if it's been fixed in IE6, but I'd still like to find the source of the problem.)

Thanks so much in advance for any suggestions.