Caption positioned over image in IE 10

The problem is that the inline style for the slideshow div is being set to zero, so the caption div bumps up right underneath, overtop of the picture. (The same gallery in Chrome reports a height of 394px.)
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.

Actually in the generated code Firefox and the other browsers get the right height, while IE gets 0px.
I guess it is a problem in the script that generates the height.
Of course the solution by George cannot be used as it assumes the same height for all the images.

Something to do with lines 676 and 677 of jquery.galleriffic.js?

        var height = imageData.image.height; //getHeight(imageData.slideUrl);
        $('#slideshow').css({'height': height});

A definitely not elegant solution that uses a CSS hack for Internet Explorer 10 and 11 is this:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#gallery #slideshow{
height:auto !important;
}
#gallery #slideshow span {
  position: static;
}
}

Add this code in your theme css, it is read by IE only and solves the problem for me.

It seams that the above css works well in all the browsers, so we can remove the hack to have only explorer reading it.
Then the positioning of captions gets decided dynamically via css only, not by module code any more, but it works fine for me.
I think this solve the problem.

#gallery #slideshow{
height:auto !important;
}
#gallery #slideshow span {
  position: static;
}