title: Get rid of padding/margin around <canvas> element?
body: <p>I have a canvas object in a div. The canvas seems to have a padding around it somehow. I want its edges to touch the edges of the browser screen:</p>
  
  <pre><code>// my html file:
  &lt;body&gt;
    &lt;div id="canvasholder"&gt;&lt;/div&gt;
  &lt;/body&gt;
  
  // my java gwt code
  Canvas canvas = Canvas.createIfSupported(); 
  canvas.setWidth("100%");
  canvas.setHeight("100%");
  RootPanel.get("canvasholder").add(canvas);
  </code></pre>
  
  <p>but yeah the page still has a ~20px margin around the canvas element. There is nothing else on the page beside what's copied above.</p>
  
  <p>I don't think this is a GWT specific problem, might be that html elements have default padding/margin to them?</p>
  
  <p>Thanks</p>
  
  <p>------ Update ------------</p>
  
  <p>I'm weirdly still seeing the padding, the firebug plugin is showing me that the body element has a 10px margin somehow:</p>
  
  <pre><code>// firebug inspection of the body element:
  body {
      background: none repeat scroll 0 0 #FFFFFF;
      border: 0 none;
      color: black;
      direction: ltr;
      margin: 10px; // huh?
      padding: 0;
  }
  
  // my css file:
  hml, body, div, canvas {
      margin: 0px;
      padding: 0px;
  }
  div.logParent {
      position: absolute;
      top: 20px; left: 20px;
      color: black;
      z-index: 2;
  }
  </code></pre>