Rewriting the tab component to use DIVs is an excellent suggestion, but too ambitious for this release.
The bug has been reported to Apple (5266124); in the meantime, however, a workaround has been checked in.
The following HTML renders all tables identically on browsers other than Safari, but shows the bug in Safari.
<table border="1" >
<tbody>
<tr style="width: 100%">
<td width=1>one</td>
<td width=1>two</td>
<td >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="4">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>
<table border="1" >
<tbody>
<tr style="width: 100%">
<td width=1>one</td>
<td width=1>two</td>
<td width=1 >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>
<table border="1" >
<tbody>
<tr style="width: 100%">
<td >one</td>
<td >two</td>
<td >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>
<table border="1" >
<tbody>
<tr style="width: 100%">
<td >one</td>
<td >two</td>
<td >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>
Rewriting the tab component to use DIVs is an excellent suggestion, but too ambitious for this release.
The bug has been reported to Apple (5266124); in the meantime, however, a workaround has been checked in.
The following HTML renders all tables identically on browsers other than Safari, but shows the bug in Safari.
<table border="1" >
<tbody>
<tr style="width: 100%">
<td width=1>one</td>
<td width=1>two</td>
<td >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="4">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>
<table border="1" >
<tbody>
<tr style="width: 100%">
<td width=1>one</td>
<td width=1>two</td>
<td width=1 >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>
<table border="1" >
<tbody>
<tr style="width: 100%">
<td >one</td>
<td >two</td>
<td >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>
<table border="1" >
<tbody>
<tr style="width: 100%">
<td >one</td>
<td >two</td>
<td >three</td>
<td style="width: 100%">four</td>
</tr>
<tr><td colspan="5">PaddingPaddingPaddingPaddingPaddingPaddingPaddingPaddingPadding</td></tr>
</tbody>
</table>