<!DOCTYPE html>
<meta charset="utf-8" />
<title>Popover element appearance</title>
<link rel="stylesheet" href="resources/popover-styles.css">

<style>
.fake-popover {top: 100px; bottom: auto;}
#blank {left: -300px;}
#auto {left: -100px;}
#manual {left: 100px;}
#invalid {left: 300px;}
</style>

<p>There should be four popovers with similar appearance.</p>
<div class="fake-popover" id=blank>Blank</div>
<div class="fake-popover" id=auto>Auto</div>
<div class="fake-popover" id=manual>Manual</div>
<div class="fake-popover" id=invalid>Invalid</div>
