| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <head> |
| <title> <svg:image> fails to position correctly when <svg> is inside an inline <div> (Bug 14051)</title> |
| <style> |
| div { |
| display: inline; |
| } |
| </style> |
| </head> |
| |
| <body> |
| <h1>SVG Images in Inline CSS Elements</h1> |
| <p> |
| The two following blocks should display side-by-side a 75x75 pixels image with a 3 pixels border overlaid on top of the image (Bug 14051). |
| </p> |
| <div> |
| <svg xmlns="http://www.w3.org/2000/svg" width="75" height="75"> |
| <image xlink:href="resources/green-checker.png" width="75" height="75" /> |
| <rect width="75" height="75" stroke="red" stroke-width="6" fill="none" /> |
| </svg> |
| </div> |
| <div> |
| <svg xmlns="http://www.w3.org/2000/svg" width="75" height="75"> |
| <image xlink:href="resources/green-checker.png" width="75" height="75" /> |
| <rect width="75" height="75" stroke="red" stroke-width="6" fill="none" /> |
| </svg> |
| </div> |
| </body> |
| </html> |
