| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>This tests that we paint area outline properly when the image is inside positioned containers.</title> |
| <style> |
| .container { |
| position: absolute; |
| left: 20px; |
| top: 20px; |
| } |
| |
| .inner { |
| position: absolute; |
| left: 10px; |
| top: 10px; |
| } |
| </style> |
| <script> |
| window.onload = function() { |
| document.getElementById("area").focus(); |
| } |
| </script> |
| </head> |
| <body> |
| <div class=container> |
| <div class=inner> |
| <img src="./resources/green.jpg" width=50 height=50 usemap="#map"/> |
| <map name="map"><area id=area shape="rectangle" coords="5, 5, 25, 25" href="#"></map> |
| </div> |
| </div> |
| </body> |
| </html> |
