blob: faacd24a49cdae3b2d29ee17abdc84e8c9dd75b6 [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>CSS Test: Reference Result</title>
<style type="text/css">
.test {
height: 2em;
font: 40px/60px Ahem; color: blue;
}
#control {
height: 40px;
margin-bottom: -18px;
}
#control2 {
height: 40px;
width: 15px;
margin-bottom: -18px;
}
img {
background: blue;
}
</style>
</head>
<body>
<p>There should be a single blue rectangle with perfectly straight sides below.</p>
<div class="test">
<img id="control" src="support/swatch-blue.png" alt="FAIL"><!--
--><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
--><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
--><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
--><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
--><img id="control2" src="support/swatch-blue.png" alt="FAIL"><!--
--><img id="control2" src="support/swatch-blue.png" alt="FAIL">
</div>
</body>
</html>