Images outside of DIV container (IE Bug)
I have added a new category “CSS”. Doing CSS that works on all browser is a real pain in the neck…especially finding workarounds to tell lousy Internet Explorer how to behave.
I have had the following problem - a simple div box with images inside:
<div class=”outerBox”>
<div class=”someClass”><img src=”…”/></div>
<div class=”someClass”><img src=”…”/></div>
<div class=”someClass”><img src=”…”/></div>
</div>
IE wouldn’t display the images inside of the DIV - instead they where hovering around below the box.
The solution was: tell the parent outerBox CSS to overflow:auto;
Tags: CSS, ie, images outside, overflow