Can somebody explain why I see a vertical scrollbar in Chrome and IE9 with the following markup:

```
<!DOCTYPE html>
<html>
  <head>
    <title>Fullscreen SVG</title>

    <style>
      html,body {
        margin: 0px; padding: 0px;
        width: 100%; height: 100%;    
      }

      .fullscreen {
        width: 100%; height: 100%;
      }
    </style>
  </head>
  <body>
    <svg class="fullscreen"></svg>
  </body>
</html>

```

If I replace the svg with a div it works perfectly. But if I put the svg inside that div, the layout is broken again:

```
<div class="fullscreen">
  <svg></svg>
</div>  

```

Changing the doctype to XHTML seems to fix the problem:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

```

But inline SVG is a part of HTML5 so...

In the meantime I also filed a [bug report](http://code.google.com/p/chromium/issues/detail?id=70487).