title: $(this).css("width") not working on ancohor tags in Safari
body: <p>I'm using CSS selectors to generate custom pop-ups for a web templates - basically, some some the producers aren't comfortable with JS and I need an easy way for them to set pop-up sizes etc. I'm not really interested in the merits of this approach, but rather wish to understand why jquery seems to be unable to get the width and height as defined in the CSS for a anchor in Safari.</p>
  
  <p>See: <a href="http://f1shw1ck.com/jquery_sandbox/csspops.html" rel="nofollow noreferrer">http://f1shw1ck.com/jquery_sandbox/csspops.html</a></p>
  
  <p>The meat of my question:</p>
  
  <p>For the selector <code>a.popup {width: 800px;height: 560px;}</code> and the anchor <code>&lt;a href="http://www.metmuseum.org/toah/hd/apol/hd_apol.htm" class="popup"&gt;African Rock Art: Apollo 11 Cave Stone (c. 25,500 - 23,500 BCE)&lt;/a&gt;</code> why are </p>
  
  <pre><code>if ($(this).css("width")) {   
  windowParams.width = $(this).css("width");
  }
  if ($(this).css("height")) {   
  windowParams.height = $(this).css("height");
  }
  </code></pre>
  
  <p>both properties returning as zero in Safari?</p>
  
  <p>onclick pop-up alert in other browsers: toolbar=no,directories=no,location=no,resizable=yes,menubar=no,scrollbars=yes,status=no,width=800px,height=560px,top=20,left=240</p>
  
  <p>alert in Safari: toolbar=no,directories=no,location=no,resizable=yes,menubar=no,scrollbars=yes,status=no,width=0px,height=0px,top=20,left=640</p>
  
  <p>Thanks for helping me understand.</p>