Problem with Columns in Tab with Image Behind

I am using short codes for columns and tabs.

Here’s the scenario:

The page has a background image and the copy is over the image:

<div style=”background-image: url(‘https://mysite.com/beta/wp-content/uploads/images/image.jpg&#8217;); margin-top: 20px; margin-bottom: 400px; padding-left: 70px; background-repeat: no-repeat no-repeat;”>
</div>

Within that div, I have a few paragraphs of text, following by two tabs.
Within one of the tabs, I have some text in columns.

The columns of text within the tab are going outside of the tab “box”. ( If I get rid of the <div> background image, then it works fine.)

This also happens if I have <div> inside of the tab with no image. (i.e., if I have special css for the bullets in a list, and I call the class with <div class> )

Any thoughts on how I can correct this?

Thanks