Здравствуйте.
Столкнулся с проблемой, необходимо, чтобы несколько элементов <td> подряд были якобы одним целым, то есть, если, например, повесить cursor: pointer; на <td>, то на границах он не должен меняться на стрелку, так, собственно и есть во всех браузерах (даже IE), а вот в Google Chrome это не так, если медленно вести курсор от <td> к <td> он на некоторое время станет стрелкой на их границе. Пробовал разные комбинации всяких свойств отступов, ничего не помогло
<!DOCTYPE HTML>
<html lang="ru-RU">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table, td, tr {
margin: 0;
padding: 0;
border-spacing: 0;
border: 0;
outline: 0;
}
td {
cursor: pointer;
}
</style>
</head>
<body>
<table>
<tr>
<td>ffff</td><td>fff2</td>
</tr>
</table>
</body>
</html>
Надеюсь, понятно, что просто поставить cursor: pointer; всей таблице - не решение, так как это я лишь для примера сказал, мне просто важно убрать этот отступ (или что это?)
Спасибо.