<!DOCTYPE html>
<style>
.focus {
position: absolute;
top: 50.5px;
left: 10.5px;
width: 100.6px;
outline: -webkit-focus-ring-color auto 5px;
}
.layer {
position: relative;
height: 20px;
}
</style>
Tests focus ring around sub-pixel positioned and sized element containing layers.
The focus ring should be rectangular.
<div class="focus">
Text
<div class="layer"></div>
</div>