<!DOCTYPE html>
<style>
.container {
position: absolute;
left: 20px;
top: 50px;
}
.inner {
position: absolute;
left: 10px;
top: 10px;
}
</style>
Tests that we paint area outline properly when the image is inside positioned containers.
<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>
<script>
area.focus();
</script>