title: can't get true height/width of object in chrome
body: <p>I have a question, if i set a image height in css and try to get height/width i get different results in different browsers. Is there a way to get the same dimension in all browsers?</p>
  
  <p>You can find a live example <STRIKE><a href="http://web.cinaird.se/pdf/tester.htm" rel="noreferrer">here</a></STRIKE>&lt;-Removed</p>
  
  <p>and the concept is like this:</p>
  
  <pre><code>CSS:
  img{
    height:100px;
    }
  
  Script:
  $(document).ready(function(){
      $("#text").append($("#img_0").attr("height"));
      $("#text").append($("#img_0").attr("width"));
  });
  </code></pre>
  
  <p>Output Firefox:
  img height: 100
  img width: 150</p>
  
  <p>Output Chrome:
  img height: 100
  img width: 0</p>
  
  <p>Output Chrome:
  img height: 100
  img width: 93?</p>
  
  <p>i have tried this from StackOverflow:
  stackoverflow.com/questions/1873419/jquery-get-height-width</p>
  
  <p>but still get the same result</p>
  
  <p>Any one know a good solution?</p>