title: How can I access style properties on javascript objects which are using external style sheets?
body: <p>I have an external style sheet with this in it:</p>
  
  <pre><code>.box {
  padding-left:30px;
  background-color: #BBFF88;
  border-width: 0;
  overflow: hidden;
  width: 400px;
  height: 150px;
  }
  </code></pre>
  
  <p>I then have this:</p>
  
  <pre><code>&lt;div id="0" class="box" style="position: absolute; top: 20px; left: 20px;"&gt;
  </code></pre>
  
  <p>When I then try to access the width of the div:</p>
  
  <pre><code>alert(document.getElementById("0").style.width);
  </code></pre>
  
  <p>A blank alert box comes up.
  How can I access the width property which is defined in my style sheet?</p>
  
  <p>NOTE: The div displays with the correct width.</p>