Web developers have long known that Internet Explorer 6 (IE6) has some glaring compatibility problems when it comes to cascading style sheets, one of the most famous being the way it interprets the width of boxed items. These kinks have been ironed out in later Explorer releases, but as of December 2009, IE6 still accounted for 21 percent of all browsers in use. Fortunately, there is special code you can use to instruct IE6 to use a separate style sheet, external or internal. This way, you can be sure your pages look the same in IE6 as they do in more CSS-compatible browsers.
Instructions
Step 1Use a text editor to open the HTML page whose code needs fixing for compatibility issues.

Step 2Place your cursor between the and tags. You will want to enter the new code below any links to external style sheets and any internal style sheet defined in the tags.

Step 3Type the following code:

Because this block of code begins and ends the same way as a regular HTML comment, most browsers will ignore everything between the "" indicators. Internet Explorer, however, is designed to recognize this syntax as a "conditional comment"--a special instruction only for IE.

Step 4Add a
tag between the opening and closing tags of the conditional comment, if you plan to use a separate style sheet. For example:

Replace "ie6style.css" with whatever name you want your special IE6 style sheet to have.

Step 5Add a

Step 6Create the IE6-specific style sheet, either in the separate CSS file named in Step 4 or between the