title: jQuery.css() for IE Only styling
body: <p>I'm using jQuery to position elements in a submenu.  The html looks like:</p>
  
  <pre><code>&lt;div class="menu"&gt;
      &lt;div&gt;
          &lt;a&gt;Menu Option&lt;/a&gt;
          &lt;div class="submenu"&gt;
              &lt;div&gt;&lt;a&gt;Submenu Option&lt;/a&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>menu has position: relative, submenu has position: absolute.  IE8 and FF are rendering the submenu directly below the menu and left aligned.  IE7 is placing the submenu inline with the menu, directly after its sibling a.  In our css, we're using "*margin-top: 40px" to move the menu to the correct spot vertically.</p>
  
  <p>In our javascript, we're using jquery to align the submenu correctly horizontally.  In FF and IE8, this can be done through: <code>$(this).css("margin-left", $(this).parent().position().left - 1);</code> In IE7 <code>$(this).css("margin-left", -1 * ($(this).siblings('a').width() + 51));</code> will correctly align the menu (the 51 is for padding and "this" is referring to the div.submenu in both cases.)</p>
  
  <p>I tried changing the 2nd statement to change the css for "*margin-left" instead of "margin-left" but that doesn't seem to work.  How can I tell jquery to use 2nd line for IE7, and the 1st line for all other browsers?</p>
  
  <p>Resolution:</p>
  
  <p>I tried this first since jquery's .browser method is deprecated.  This did not work.</p>
  
  <pre><code>&lt;!-- [if IE 7]&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
          $(".submenu").each(function () {
              $(this).css("margin-left", -1 * ($(this).siblings('a').width() + 51));
      });
  });
  &lt;/script&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>Tried again using $.browser and this works successfully.  I couldn't find anything relevant to test against using $.support.  </p>