Image caption border overlaps caption at small sizes on Gallery stories

[phillipadsmith]

E.g., http://preview.thetyee.ca/Testing/2015/07/13/Vancouver-Invisible-Money-gallerytest/index.html

[MrBryan]

fixed with 0fd0f6c . Added clear fix :after fix to those paragraphs

[alexgreen]

@MrBryan I'm seeing some odd markup in the caption:

<div class="carousel-caption caption"><strong></strong>
 <p>2/8 <strong>Seattle</strong>: $510,000. Four beds, 1.1 baths. Size: 2,440 square feet. Lot: 6,938 sq ft. Built in 1951.</p>
</div>

There's and empty <strong></strong> and also a <p> that shouldn't be there (the caption text should just sit directly within the div.
Is this a result of writers typing markup directly into the caption, or is there some other reason for it?

[alexgreen]

The cause of the problem seems to be this css declaration:

@media (max-width: 400px) {
   figure.figure.medium,figure.figure.small {
   max-width:none;
   width: 100%;
   }
   p {
    float:left;
   } 
}

Why do all <p> tags on the page need to float left in narrow views?

[alexgreen]

@MrBryan did you have a chance to look at the above 2 comments?

[alexgreen]

I've commented out the weird rule that floats all p tags left: ab5d18c

But the all the carousel captions still contain incorrect tags. Is this a bug in the bricollage carousel object, @MrBryan ?

[alexgreen]

Same tag issue here: Remove margin-bottom from

tags that appear within figure captions #314
So I assume this is a bric issue.