Я пытаюсь создать страницу с длинной полосой изображений, где высота полосы устанавливается в процентах от высоты окна браузера, а изображения масштабируются до 100% высотыполоса.Я также хочу иметь возможность накладывать текст поверх изображений.Я дошел до этого:
http://jsfiddle.net/bX8Cb/
Но все идет не так, как ожидалось.div.news-item elements должен сжаться до размера img elements.Это происходит в Chrome / Safari, но при изменении размера окна элементы .news-item сохраняют свою первоначальную ширину, а не подстраивают ее под размер измененных изображений.(Но если я затем проверяю элемент в инструментах разработчика Chrome, он перерисовывает div по своему усмотрению.)
В Firefox элементам .news-item присваивается полная ширина неизмененного изображения, хотя само изображениеизменяется.
Что здесь происходит?Я делаю что-то не так или это ошибка браузера или что-то?Я искал спецификацию CSS для свойства width, и похоже, что то, что я сделал, должно сработать.