max-height：x％在Chrome上不起作用

I need to use css style like max-width:90% and max-height:90% to define image size not overflow the windows. However, this work well on Safari but not work on Chrome. Here is the demo I write on jsfiddle: I need to use css style like max-width:90% and