Responsive Breaks Slideshow Pro Embedded

Hey guys! Please make sure you read my problem fully before responding.

I’m using the Responsive theme, and am having an absolute difficult time integrating an embedded slideshow into the theme using “Slideshow Pro Director”.

https://rutholsonphoto.com/

Slideshow Pro, although Flash based, has a feature for non-Flash devices (ie. iPhone/iPad) called mobile poster. Essential just an image that serves as a link to an HTML5 version of the gallery/slideshow. The user-agent of the device you are using is detected at webpage load and, if it’s a non-Flash enabled device, the slideshow gets replaced with the mobile poster link.

It’s this mobile poster image and area that I’m having a problem with. It does not scale and is simple protruding outside of my content div. Attempting to get a custom width/height of 100% only make the entire div/class you are working on disappear.

!NOTE!: Simply Reducing the width of your browser window will not display the problem. You MUST either view it from a non-flash mobile device (ie iPhone/iPad), or change the user-agent of your browser before reducing the browser window.