It's extremely difficult to diagnose a problem like this from a jpg. Happily for you, we've seen this one before.

Each attribute has a <br class="clearBoth" /> tag after it. So when the first attribute is in line with the add to cart box, the second can't start until after the end of that cart box.

The quickest solution (not one that I particularly like) would be to create an new clearLeft class and apply that instead between each attribute. Another would be to wrap an additional div around the attributes so that the impact of the clearBoth class extends only to the edge of the div and not all the way across the center column.