Hi LisaMB45,
I took a look and it seems as though the media player is set to have a width of 400. This seems to be ignored on everything but IE. Since the columns are less that 400px, you have the overlap. Here is some sample markup I pulled from the inspector. The “400” is towards the end of the block.
<audio id="audioplayer-da62036b3ca0d583b9fb5dd80bfceb03" controls="controls" preload="preload" class="pb-html5-audio-element"><source src="https://cwsounds.com.au/wp-content/uploads/2015/11/CW-Sounds-Vo-Sample-No-4.mp3" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=https://cwsounds.com.au/wp-content/uploads/2015/11/CW-Sounds-Vo-Sample-No-4.mp3" src="https://cwsounds.com.au/wp-content/plugins/pb-oembed-html5-audio-with-cache-support/3523697345-audio-player.swf" width="400" height="27" quality="best"></audio>
I do not have that much experience with IE, but it makes perfect sense that you are getting overlapping since it is forcing the media player to be wider than the column. If you had other content that you forced to be wider than the column, it would overlap as well. I am not sure if you could change the width when you embed the audio, or if you could target the audio player with css, but that is where I would start. I am sorry, but this is not an inherent issue with the plugin.
Let me know if I can help in any other way!
