I'm working on the CSS for a blog using Sandbox 1.6.2, and I'm having a problem with picture captions.
In case you need to see what I'm talking about, here's a link to a post on my test blog.
Here's the basic markup (just to give the following explanation some focus):
<div class="wp-caption"><br />
<p class="wp-caption-text"></p><br />
I'm finding DIV is 10px wider than IMG. I'd like them to be the same width so that I can define padding once, for DIV, and have it wrap both IMG and P. Can I fix this with CSS?
My solution right now is I've fiddled with margins on all three elements, which renders fine, but it looks pretty messy in my CSS.
According to Firebug, DIV is defined a width through element.style. That's not in my CSS, and it's not in the original CSS for the Sandbox 1.6.2 theme, so where is it coming from?
The blog I need help with is anotherrabbitblog.wordpress.com.