<html>
  <head>
    <title>svg-as-image-with-relative-size</title>
    <style>
      body {margin: 0px;}
    </style>
  </head>
  <body>
    <div style="width: 400px; height: 400px; border: 1px solid black;">
        <!-- The following svg has a width of 1px and a height of 1px and draws a rect inside.
        The rect should still be painted with correct size on the page. -->
        <img width=50% height=50% src='resources/rect-1x1.svg' />
    </div>
  </body>
</html>