按比例缩放div与图像一起使用而不使用calc（）

Question

我正在尝试按比例缩放div和旁边的图像。 （这样图像的宽度始终为50％，高度按比例缩放，div的高度和宽度需要完全相同）

我的代码示例可能更容易理解：http://codepen.io/anon/pen/myKZJE?editors=110

.actualcomments{
    max-height: calc(100% - 60px);
    overflow: auto;
}

请注意，它比上面的更复杂，我还需要将div包裹三次。

问题= IE有时会执行calc（），但有时会忽略calc，所以布局都搞砸了。 我可以在不使用calc（）方法的情况下获得相同的效果（div与图像一起缩放）吗？

提前致谢。