Responsive inline image no wrap

[Spuctumma]

I have to inline images that can't wrap and would need them to be responsive when the width of the browser window changes.I would need both images to scale down proportionally. The issue I am having now is one image will scale down before the other.CSS:\[code\]#wrapper{ width: 100%;}.container { margin:0 auto; max-width: 1140px; white-space:nowrap; }.container img{ max-width: 100%;}\[/code\]HTML:\[code\]<div id="wrapper"> <div class="container"> <img src="http://s8.postimage.org/x2v32b1w5/img_a.png" ><img src="http://s8.postimage.org/c78sr25p1/img_b.png" > </div></div>\[/code\]jsFiddle:http://jsfiddle.net/K8nqx/