title: Is there a bug in Safari with getComputedStyle?
body: <p>As I know both safari and chrome are webkit-based browsers, but when I use getComputedStyle, it looks different. Chrome, IE, FF all echo '50px', but safari echo's '10%' instead. 
  That's a real inconvenience for work. 
  Is this a safari bug or did I just make a mistake?</p>
  
  <p>The demo test in Safari for win V5.1.7 and IOS6/7
  Here is a demo:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Document&lt;/title&gt;
  &lt;style&gt;
  *{margin:0; padding:0;}
  body{
      position: relative;
      height: 500px;
  }
  #test{
      position: absolute;
      top: 10%;
      left: 10%;
      width: 100px;
      height: 100px;
      background-color: #000;
  }
  &lt;/style&gt;
  &lt;script&gt;
  window.onload = function () {
      var oTest = document.getElementById('test');
      var iLeft = window.getComputedStyle(oTest, null)['top'];
      console.log(iLeft);
      alert(iLeft);
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="test"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>