A careful reading of the Microsoft forum on the subject and everything else I can find tells me that this is how we are SUPPOSED to do it. With three different stylesheets.
<html>
<head><title>Menu testing</title>
<style type="text/css" media="all">
@import "MenuTest.css";
</style>
<!--[if IE 6]>
<style type="text/css" media="all">
@import "MenuTest_IE6.css";
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css" media="all">
@import "MenuTest_IE7.css";
</style>
<![endif]-->
</head>
<body id="bodyid">
</body></html>
This will be a big maintenance problem. The goal then, is to have a stylesheet that minimizes the differences so that the 6 browsers that are used by virtually everybody are satisfied in the first stylesheet. We want the other 2 stylesheets empty so that the conditional comment can be eliminated.
 |  |
