<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>