Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Part II: PropertiesAfter you load the preceding in Internet Explorer, when you hover your mouse cursor over the ContentOff links, part of the content inside the floating element is chopped off! You can see this in the output inFigure 8-11c.Figure 8-11cThe guillotine bug occurs when the following conditions are present:❑❑❑❑IE is in standards-compliant rendering mode.An element is floated inside of a container element.Links exist inside the container element in non-floated content that appears after the float.A :hover pseudo-class is applied to elements that change certain properties.The guillotine bug is yet another bizarre IE rendering bug. The fix is not nearly as elegant as that for thepeek-a-boo bug. To fix the guillotine bug, a clearing element must appear after the containing element.The best method to apply this clearing element without affecting the original design is to apply the followingrule to the clearing element:div#clearing {clear: both;visibility: hidden;}Then in the markup, add the clearing element:Content off.302