sivakumar-kailasam/IE specific styling.html

## IE specific styling.html
<!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->
<head>
<style>
  /* this is for all browsers*/
  div.foo {
    color: red;
  }

  /* this is for all ie versions of ie */
  .ie div.foo {
    color: yellow;
  }

  /* this is applied only to ie6 */
  .ie6 div.foo {
    color: green;
  }

</style>
</head>
<body></body>
</html>
<!--
note: the conditional comments should be on top of the page where you'd write your html tag.
You can read in detail about this from http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
-->
	<!--[if lt IE 7 ]> <html class="ie ie6"> <![endif]-->
	<!--[if IE 7 ]> <html class="ie ie7"> <![endif]-->
	<!--[if IE 8 ]> <html class="ie ie8"> <![endif]-->
	<!--[if IE 9 ]> <html class="ie ie9"> <![endif]-->
	<!--[if (gt IE 9)\|!(IE)]><!--> <html> <!--<![endif]-->
	<head>
	<style>
	/* this is for all browsers*/
	div.foo {
	color: red;
	}

	/* this is for all ie versions of ie */
	.ie div.foo {
	color: yellow;
	}

	/* this is applied only to ie6 */
	.ie6 div.foo {
	color: green;
	}

	</style>
	</head>
	<body></body>
	</html>
	<!--
	note: the conditional comments should be on top of the page where you'd write your html tag.
	You can read in detail about this from http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
	-->