Hi,
thanks for your question.
Your assumption is correct, this happens because the column is that wide, where as the background color for the images is set on a <div>
wrapper around the image, in the other row.
To change this, I’d actually like to suggest a slightly different table structure: Instead of splitting the orange image title and the image+caption into different cells, you should put them into the same cell, and even into the same <div>
wrapper.
So, basically, change the content of the cell with the image to
<div id="attachment_700" class="wp-caption alignleft" style="width: 310px"><a href="https://gfa.carolyncreates.com/tropical-family-7-day/"><b>Tropical Family – 7 Day Itinerary</b></a><a href="https://gfa.carolyncreates.com/family-itineraries/tropical-family-7-day/" rel="attachment wp-att-700"><img src="https://gfa.carolyncreates.com/wp-content/uploads/2013/07/Tropical-Family-7-Day-Itinerary.jpg" alt="Tropical Family 7 Day Itinerary" width="300" height="225" class="size-full wp-image-700" /></a><p class="wp-caption-text">Psyching up for the Canopy Tour in Monte Verde!</p></div>
(I took the content of the first cell and pasted immediately after the opneing <div ...>
tag, and added <b>...</b>
around the text.)
Then, the orange text will be within the gray background, and you can actually delete the rows with the titles.
Regards,
Tobias