Help with Views Galleriffic?

Hi all. Installed according to these instructions:

https://drupal.org/node/1578774

and it works well. BUT a couple of issues:
1) In IE 10, the Caption is being shown overtop of the image instead of underneath. The problem is that the inline style for the slideshow div is being set to zero:

<div id="slideshow" style="height: 0px;">

so the caption div bumps up right underneath, overtop of the picture. (The same gallery in Chrome reports a height of 394px.
FIX: can add a height in your custom CSS:

#gallery #slideshow{
    height:400px !important;
}

but of course, that potentially wrecks any responsive design resizing, and assumes that all of your pics are the same size.

2) In Mac Safari and iOS iPhone Safari, the thumbnails stay as small empty boxes until you roll over them. However, the first one , being automatically selected never comes up and stays as a small empty box.
Have not found a fix for this yet - have been trying to see if I can do a jQuery call in my custom js (added to the theme) to trigger the rollover with something like this:

jQuery.galleriffic.updateThumbs();

Will see if works.

3) Responsive. Have added the following to my css to make this responsive. Feel free to adjust as required:

#galleriffic, #gallery{
    max-width:100%;
}
#galleriffic>div{
    float:none !important;
}
#galleriffic #thumbs {
    width:100%;
}

Thanks.