IE7 обрезает изображение

Question

Привет всем У меня есть 3 блока с изображениями ролловеров внутри, которые сложены вертикально внутри моего основного блока содержимого. IE7 отрубает около трех четвертей нижнего элемента, и я не могу понять, почему. Он отлично отображается во всех других браузерах (даже в IE6), но IE7 просто не будет отображаться правильно. Это мой первый веб-сайт, поэтому мне еще многое предстоит узнать. Мне удалось исправить другие ошибки IE, но я не могу понять это. Любая помощь приветствуется!

.main_content {
    float: left;
    width: 816px;
    background-image: url(Images/evokedesign_bg_tile.png);
    background-repeat: repeat-y;
    overflow: hidden;
}
.portfolio_buttons {
    float: left;
    width: 634px;
}

Ссылка на сайт: http://evokedesignstudio.com.au/Portfolio.html

Answer 1

Теперь вы разместили ссылку на свой живой сайт, я очень быстро нашел ответ:

• При .gallery, удалить правило height: 400px.
• Готово.

Это исправляет IE7, и ничего не меняется в IE8 / других браузерах.

Answer 2

У вас есть .page_container установленная фиксированная высота 730px .

Попробуйте обновить CSS до

.page_container {
padding: 0px;
min-height: 730px;
height:730px;
}

То же самое с .gallery, как сказал @thirtydot.Либо удалите всю высоту вместе, либо обновите ее до минимальной высоты и высоты ниже (см. Пример выше).

Поместив height ниже min-height в таблицу стилей, любой браузер, который не распознаеттег min-height (IE6) затем зарегистрирует height под ним как резервную копию.