Disabling IE7

Hello everyone I have 3 divs with rollover images inside, stacked vertically inside my main div. IE7 hacks about three quarters of the bottom div, and I can't figure out why. It displays fine in all other browsers (even IE6), but IE7 just doesn't display properly. This is my first site, so I still have a lot to learn. I managed to fix other IE errors, but just can't figure it out. Any help appreciated!

.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;
}

Link to the site: http://evokedesignstudio.com.au/Portfolio.html

+3
source share
2 answers

Now you have posted a link to your site, I found the answer very quickly:

  • In .gallerydelete the rule height: 400px.
  • Done.

IE7, IE8/ .

+1

.page_container 730px.

CSS

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

.gallery, @thirtydot. (. ).

height min-height , , min-height (IE6), height .

0

All Articles