<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <title>Testcase for foreignObject</title> <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=367366 --> <rect width="100%" height="100%" fill="red"/> <foreignObject width="100%" height="100%" style="border-color: green; color: red"> <div xmlns="http://www.w3.org/1999/xhtml" style="border-style: solid; border-width: 30px; border-color: green; background: green; width:100%; height:100%;"/> </foreignObject> </svg>