Background applied to elements rather than wrapper

[M-J-Robbins]

The background colour is inherited onto each element rather than applying to the wrapping container. This means when margins are used the background is lost.

[M-J-Robbins]

One potential fix is to use mso-margin-alt:0 to remove the margins and apply mso-border-alt: to fake them.

The issue here is that the faux-margin would have to be the same size on all sides. Also we'd need to be aware of teh desired background colour.

[M-J-Robbins]

Potentially the hack I've mentioned here might help a little. But ideally we need a way for it to resize the height dependent on the content

Something like this above the content helps but the height would need to change each time

<div style="mso-element-frame-width:600px;mso-element-wrap:no-wrap-beside;text-align:center;mso-element-left:center;mso-element-frame-height:1500px;background:blue">
  &nbsp;
</div>

I've used a blue background on this additional content to make it stand out