[html5] button: why is image not centred vertically?

Fri Mar 9 01:34:49 PST 2012

<!doctype html>
<html>
  <button>
    <svg xmlns="http://www.w3.org/2000/svg"
      width="10"
      height="10">
      <rect x="0" y="0" width="10" height="10" />
    </svg>
  </button>
</html>

is there a means** to centre image vertically, with minimal gap?

note there is no gap (maybe 1px?) at top, but significant gap at bottom (maybe 4px?), why is this?

kind regards

Jonathan Chetwynd

~:" jay at peepo.com
http://www.peepo.com

+44 (0) 20 7978 1764

**setting 

margin: 0px;
padding: 0px;

has no effect
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20120309/0fa4037d/attachment-0002.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: button.jpg
Type: image/jpg
Size: 1491 bytes
Desc: not available
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20120309/0fa4037d/attachment-0002.jpg>