Very nice artical here on CSS fixes in IE7. Here
In summary:
Fixed bugs
- Peekaboo bug - This bug occurs when a liquid box has a float inside, and content appears alongside that float. In Internet Explorer, the box with all its content sometimes just disappears, which then reappears upon scrolling or switching windows.
- Guillotine bug – This is a bug that chops off the bottom part of floated elements when certain links are hovered over, or causes content in a floated element to be chopped off at the bottom.
- Duplicate Character bug - This bug involves multiple floated elements; text characters from the last of the floated elements are sometimes duplicated below the last float.
- Border Chaos – This bug draws parts of the surrounding borders all over the place, even eliminating bits here and there when negative margins for consecutive flowed boxes are used.
- No Scroll bug – IE may not force a scrollbar even if the content is long enough to require one, resulting in hidden content.
- 3 Pixel Text Jog – IE applies a 3px space on text next to a floated element, but corrects itself once a floated element is ended.
- Magic Creeping Text bug – This bug is triggered by nesting one block element inside another, and giving the following styles to the outer element. When triggered, the bug pushes the text in the inner element, but not the element itself, to the left an amount equal to twice the width of the left border.
- Bottom Margin bug on Hover – In IE, if you use a few anchor tags for a menu that have some vertical distance from each other by using the bottom margin, and on hover want them to change background color, the bug removes the margin of the anchor two places behind it.
- IE/Win Line-height bug – Line-height is incorrectly rendered if the line contains a replaced element.
- Double Float Margin Bug - One of the most common complaints CSS developers have with Internet Explorer is the doubling of margins of a floated element.
- Quirky Percentages in IE – IE chooses to calculate the percentage of a child item based on rendered page flow instead of taking the parent attribute and using that to calculate the percentage. Because it can't calculate the percent from an unknown, it "guesses."
- Duplicate indent – The bug causes in-line elements (images, text) adjacent to a floated div to appear to be indented from their expected location.
- Disappearing List-background – This bug is caused by placing a list with a background set within a floated div that has been relatively positioned, causing the background to display incorrectly.
- Fix width auto – This bug resulted from prior versions of IE’s lack of support for fixed width positioning.
|
