<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <style>
        html { width: 500px; }
        body { padding: 0; margin: 0; }
        p { padding: 0; margin: 0; }
        div { position: absolute; top: 0px; left: 0px; width: 125px; height: 150px; background: red; z-index: -1; }
        object { width: auto; height: auto; }
        svg { position: absolute; top: 155px; left: 0px; width: 125px; height: 150px; }
    </style>
</head>
<body>

<!-- Both objects should look identical -->
<p><object data="resources/object-sizing-width-50p.svg" type="image/svg+xml"></object></p>

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 100 100">
    <rect x="0" y="0" width="100" height="100" fill="lightblue"/>
    <rect x="5" y="5" width="90" height="90" fill="green"/>
</svg>

<div></div>

</body>
</html>