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('http://mysite.com/beta/wp-content/uploads/images/image.jpg'); margin-top: 20px; margin-bottom: 400px; padding-left: 70px; background-repeat: no-repeat no-repeat;">
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?