title: Can't set size of canvas element?
body: <p>I'm trying to draw a <code>&lt;canvas&gt;</code> element that is 500 by 1000 pixels, but my browser will only render an element of 300 by 150 pixels.</p>
  
  <p>Here is my code: </p>
  
  <pre><code>var c=document.getElementById('canvas');
  var ctx=c.getContext('2d');
  ctx.fillStyle='black';  
  ctx.fillRect(0,0,500,1000);
  </code></pre>
  
  <p>JSFiddle here: <a href="http://jsfiddle.net/R8cxH/" rel="nofollow">http://jsfiddle.net/R8cxH/</a></p>
  
  <p>I don't understand this, because the outer <code>body</code> element is wider than 300 pixels.</p>
  
  <p>What am I doing wrong? </p>