DIV and image inside should take up only available height
It would probably be the easiest if you looked at the demo first : http://zerobrainwash.com/sandbox/responsiveImage/ .
I have been playing with this the whole day. The banner is fixed and the bottom part with image is responsive. I got in working on Chrome so that the main image takes up only available height and then width is chosen automatically.
However, on Firefox and Internet Explorer the image expands to its full height rather than fit into available space. I can't figure out what is the problem. Maybe you are more clever than me and have an idea of what could be the problem? :)