<!DOCTYPE HTML>
<html>
<script src="../resources/ahem.js"></script>
<head>
<title></title>
<style>
button { font-family: Ahem; }
#a, #b, #c, #d { color: blue; }
</style>
</head>
<body>
<p>
This is a test of generated content in <button> for
<i><a href="https://bugs.webkit.org/show_bug.cgi?id=9561">http://bugzilla.opendarwin.org/show_bug.cgi?id=9561</a>
REGRESSION: Content property on :before of button causes hang on click or hover</i>.
</p>
<hr>
<button id="a">before</button>
<button id="b">beforebutton</button>
<br>
<button id="c">after</button>
<button id="d">buttonafter</button>
<br>
<button id="e"></button>
<button id="f">button</button>
<br>
<button id="g"></button>
<button id="h">button</button>
<br>
<button id="i">before</button>
<button id="j">beforebutton</button>
<br>
<button id="k">after</button>
<button id="l">buttonafter</button>
<br>
<button id="m">before</button>
<button id="n">beforebutton</button>
<br>
<button id="o">after</button>
<button id="p">buttonafter</button>
<br>
</body>
</html>