blob: 7b68459ae1de9b715e88b62cdf9887b36775cb90 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
td {
border: 1px solid #f90; padding: 0px;
}
#super {
vertical-align:super;
}
#sub {
vertical-align:sub;
}
</style>
<script>
function loadAndStall()
{
return "http://127.0.0.1:8000/resources/load-and-stall.py";
}
function pngImage()
{
return "?name=../../../fast/css/resources/bikes.bmp&mimeType=image%bmp";
}
function runTest()
{
var images = document.querySelectorAll("img");
for (var i = 0, len = images.length; i < len; i++) {
var image = images[i];
image.src = loadAndStall() + pngImage() + "&stallAt=0&stallFor=0";
}
}
</script>
</head>
<body>
<p> https://bugs.webkit.org/show_bug.cgi?id=108357: There should be no space between the top of the image and the orange border.</p>
<table>
<tbody>
<tr>
<td id="super"><img></td><td id="super"><video autoplay></video></td>
</tr>
<tr>
<td id="sub"><img></td><td id="sub"><video autoplay></video></td>
</tr>
</tbody>
<script>runTest();</script>
</table>
</body>
</html>