Simulated tooltip code not working on Safari on iPad

Simulated tooltip code not working on Safari on iPad

This works on Firefox for iPad, and even on a Windows 8 phone. On a desktop computer you can mouseover and see the text or if you have a touch monitor you can touch the area and it shows the text.

For some unknown reason it won't work on Safari on iPad, even though I did some similar code for a former employer (and it still works) and this new code seems to be identical. No difference in the CSS.  It ignores the touch on the iPad when using Safari.

Unfortunately I don't understand the "Insert Code" function on this forum, so will attempt to copy and paste it ...
<!DOCTYPE html>
<html>

<style>
td:hover {
  position: relative;
}
.tooltip1:hover:after {
  content: attr(title1);
  color: #fff;
  background-color:#000;
  position: absolute;
  left: 0; 
}
</style>

<table>       
    <tr class="centerPanelTableRow" style="background-color: D4DFE4">   
    <td class="tooltip1" title1="2016-01-13 10:24:37" style="text-align:center">uploaded</td>
    </tr>
   
    <tr class="centerPanelTableRow" style="background-color: D4DFE4">  
    <td class="tooltip1" title1="2016-01-10 14:04:53" style="text-align:center">uploaded</td>
    </tr>
   
</table>

</html>