CSS: адаптивная высота фонового изображения ⇐ CSS

[Anonymous]

Я использую этот CSS:

Код: Выделить всё

.wrap {
max-width:1400px;
min-width:768px;
width:100%;
background-repeat: no-repeat scroll;
background-position: center top;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.image {
width: 100%;
height: 600px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Чтобы центрировать изображение и масштабировать его в зависимости от размера окна, останавливая масштабирование на 768 пикселей. Я не могу отобразить нижнюю часть изображения, когда окно увеличено (все работает нормально, когда окно свернуто). Когда я изменяю высоту класса .image на более чем 600 пикселей, масштабирование изображения нарушается...

Вот демонстрационная версия проблемы:http://jrbaldwin.com/css_issue/

Подробнее здесь: https://stackoverflow.com/questions/205 ... age-height