I am using Twenty-Twelve and have encountered a problem with iPad display versus browser display of a Soundslides project that is embedded with iframe code supplied by a utility on the Sounslides.com website.
And here is the embed code:
<iframe src="http://storytellingonline.info/audioslideshows/scout_march/_files/iframe.html?noscale=602x465" frameborder="0" scrolling="no" width="602" height="465"></iframe>
If you look carefully, there is a 2 px black rule around the picture of the Scouts when viewed in a browser. However when viewed via Safari on the iPad the right-side black rule is gone and close examination of the "s" in the word credits below the picture shows that it is cropped.
I have corresponded with tech support at Soundslides and they feel that it is a problem somewhere in the CSS of Twenty-Twelve.
I am using my own installation of WordPress so I can fix it if I know where to look in the CSS.
Any suggestions are appreciated.