Well thanks Gerado for the suggestion on the other question..

on Chrome - Setting height to '100%' was not affecting the viewport height which was set to the responsive div height.

Whereas on IE - Setting the height to 100% was causing the viewport to get the initial height instead of what was set inside the view port.

Setting the height of SVG to responsiveDiv height instead of 100% actually resolved the issue. Updated the fiddle.

if someone wants to see how it looks in IE change the legendSVG height to '100%'

Please let me know of any comment

Related Query

More Query from same tag