Shopify Button Breaks Table

Hi,

First thanks very much for your plugins, I think they are just great!!!

However I have a small problem, I am trying to add a shopify button into a cell and when I do the following rows do not show. I suspect it is something to do with the use of div components and I hope you can help resolve this issue.

Here is a link to the full table http://yogadharma.co.uk.gridhosted.co.uk/yoga-retreats/pricing_booking/

And here is a link to the version of the table with a button in row one. you can see that rows two and three do not show up.

Below is the code I am using to add the Shopify Buy button.

<div data-embed_type="product" data-shop="yoga-dharma.myshopify.com" data-product_name="Bulgaria Yoga Retreat" data-product_handle="bulgaria-yoga-retreat" data-has_image="false" data-display_size="compact" data-redirect_to="cart" data-buy_button_text="Add to cart" data-buy_button_out_of_stock_text="Out of Stock" data-buy_button_product_unavailable_text="Unavailable" data-button_background_color="7fb466" data-button_text_color="ffffff" data-product_modal="false" data-product_title_color="000000" data-next_page_button_text="Next page" data-variant_id="25726103049"></div>
<script type="text/javascript">
document.getElementById('ShopifyEmbedScript') || document.write('<script type="text/javascript" src="https://widgets.shopifyapps.com/assets/widgets/embed/client.js" id="ShopifyEmbedScript"><\/script>');
</script>
<noscript><a href="https://yoga-dharma.myshopify.com/cart/25726103049:1" target="_blank">Buy Bulgaria Yoga Retreat</a></noscript>

Is there anything I can do to get this button into my table?

Many thanks
John