- Where the button has text below an image
- Where the button is within a table, with "display:inline" applying
- Where the button is in a cell in the last row of the table
- Where the button is wrapped in a div with "float:left" or "float:right"
Text to recreate the behaviour:
<html>
<head>
<style type="text/css">
<!--
#table2, .divInline {
display:inline;
}
.floatThis
{
float: left;
}
-->
</style>
</head>
<body>
<p>Problem is show in the button in this table:</p>
<table id="table2" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="floatThis">
<button type="button" ><img src="dummy.png" height="26" width="38"><br>TEXT</button>
</div>
</td>
</tr>
</table>
</div>
<p>Without a table, problem is gone</p>
<div class="floatThis divInline">
<button type="button" ><img src="dummy.png" height="26" width="38"><br>TEXT</button>
</div>
</body></html>