Testing Across Multiple Browsers - CSS3 Foundations - page 258

Figure 15-8 The Cool Shoes & Socks web page viewed in Internet Explorer 6.
Using Andy Clarke's ( www.stuffandnonsense.co.uk/ ) Universal Internet Explorer 6 Stylesheet
code.google.com/p/universal-ie6-css/ , you can achieve this result easily.
1. In index.html, modify the <link> reference to styles.css so it is wrapped in a conditional comment, like so:
<!--[if ! lte IE 6]><!--><link rel=”stylesheet” href=”css/styles.css”
type=”text/css” /><![endif]-->
This lines hides the main stylesheet from Internet Explorer versions 6 and below but still allows it to apply to
everything else.
2. Below the <link> reference to styles-ie7.css, add the following line:
<!--[if lte IE 6]><link rel=”stylesheet” href=”http://universal-
ie6-css.googlecode.com/files/ie6.1.1.css” media=”screen,
projection”><![endif]-->
3. Save index.html.