title: Reading and setting z-index values with jQuery on Webkit browsers
body: <p><code>jQuery("#X").css("z-index");</code> always returns "auto" on Webkit browsers. Works ok on Firefox.</p>
  
  <p>It also appears that you can't set the z-index with something like: <code>jQuery("#X").css("z-index",5);</code></p>
  
  <p>Test case follows: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;jQuery CSS Z-index Fail&lt;/title&gt;
      &lt;script src="http://code.jquery.com/jquery-1.6.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
        $(document).ready(function(){
          $("#X").css("z-index",5);       
          $("#Y").append($("#X").css("z-index"));
        });
      &lt;/script&gt;
      &lt;style type="text/css"&gt;
        h1 {z-index: 3;}
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
       &lt;h1 id="X"&gt;Some Text&lt;/h1&gt;
       &lt;div id="Y"&gt; Z-index is: &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>