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
Now you have posted a link to your site, I found the answer very quickly:
.gallery
height: 400px
IE7, IE8/ .
.page_container 730px.
.page_container
CSS
.page_container { padding: 0px; min-height: 730px; height:730px; }
.gallery, @thirtydot. (. ).
height min-height , , min-height (IE6), height .
height
min-height