<!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>