if… or conditional comments?

Question

So I'm working on this website for my dad (http://tendonaid.com/) and it works nice in modern browsers, but apparently he's getting comments on how the top navigation doesn't work on Internet Explorer (7 and lower, I think). It's shifts to the right instead of centering in the middle.

My question is, how do I fix this? Or, is there some sort of if/or conditional comment thing I can do that says IF IE... use this class for the div / OR (any other browser) use this other class?

Answer 1

You can use conditional comments to target specific versions of Internet Explorer. In your case you would want to target IE7 and lower so you would use:

<!--[if lt IE 7 ]>
  <style type="text/css">
    <!-- Your special rule to fix the CSS issue goes here -->
  </style>
<![endif]-->