tooltip problem with datatables and bootstrap

mataless

i'm doing a code to show tooltips in each cell of a table. I'm also using bootstrap and i have two problems.
The first is that tooltip of each column is allways showed at the center of the row. And the second is that tooltip on datatables is not working with bootstrap when i use internet explorer 8.

How can i fix these problems?

the code is below

$('#labels tbody tr td').each( function() {
this.setAttribute( 'title', $(this).text());
});

/* Init DataTables */
var oTable = $('#labels').dataTable();

/* Apply the tooltips */
oTable.$('td').tooltip( {
"delay": 0,
"track": true,
"fade": 250
} );