<html>
<head>
<style>
.test { width: 100%; }
</style>
</head>
<body>

The following elements behave differently in different browsers.
Our current behavior will cause them to overlap, 
but we may need to change this in the future.

<table border="0" cellspacing="1" cellpadding="1" width="100%">
<tr>
<td nowrap><img src="resources/apple_m.jpg" class="test"></td>
<td><img src="resources/apple_m.jpg" class="test"></td>
<td><img src="resources/apple_m.jpg" class="test"></td>
<td width="100%">&nbsp;</td>
</tr>
</table>

<br>
<br>

<table border="0" cellspacing="1" cellpadding="1" width="100%">
<tr>
<td nowrap><img src="resources/apple_m.jpg" height="100%"></td>
<td><img src="resources/apple_m.jpg" height="100%"></td>
<td><img src="resources/apple_m.jpg" height="100%"></td>
<td width="100%">&nbsp;</td>
</tr>
</table>

</body>
</html>
