IE displays repeated characters on CSS-formatted page

One of IE's many issues with the correct interpretation of CSS may cause any number of strange formatting problems including the duplication of part of the content. This may manifest on a page using CSS formatting on which there are multiple floating elements.

This problem is caused by comments between any floats when the total width of the floats is equal to or within 3px of a larger container. To resolve the issue, remove the offending comments, or add a -3px right margin on the last left float (it has also seemed to work for us with a -2px margin) or the opposite for a right float.

Complete details can be found at positioniseverything.net.

Warning: By visiting this site and/or by using any information contained herein, you agree to the Techbytes.ca terms of use.

Add a comment about this TechByte

If you wish to add a comment regarding this TechByte, please use the form below. Please note that by submitting comments using this form you are allowing all of the information submitted to be visible on this website. Any comments submitted using this form will only be shown on the website if they are approved by the administrators of this site. IF APPROVED, COMMENTS MAY TAKE SEVERAL DAYS TO BE POSTED.

Other TechBytes:

• Applications crash when SpeedScreen enabled
• Testing network connections with PortQry
• Common OSQL commands for use with MSDE