Hunting one of the strangest layout issues in IE – if you hover over an element, the input elements on the page mysteriously move down – we learned about the very strange concept of “layout” internet explorer employs: Give your elements height, width or one of the other CSS-properties that “cause an element to have layout” (I can’t help but giggle when I read this, and I have no clue what it’s supposed to mean) and many of your IE display issues will disappear.
However, just saying
-
* {
-
min-height: 0;
-
}
in all of your stylesheets will introduce some new problems like empty divs having heights, so use it wisely. If you are bored and really want to know the details, read the incredibly long article on layout here.
Never thought I would ever file an article under Fun and tag it Internet Explorer at the same time.
