これは Firefox では機能しますが、Chrome では機能しません。誰かが回避策を持っていることを願っています。内側の div を絶対に配置する必要があります (これが問題を引き起こしているようです)。
<body>
<div style="width: 550px; height: 400px; background-color: rgb(0, 142, 0);">
<div style="position: absolute;">
<svg>
<rect width="40" height="40" fill="#666666"></rect>
</svg>
</div>
</div>
</body>