Или так
<style>
table { position:relative; top: 20px; left:50px;}
td:hover {transform: scale(1.5); }
td:hover div { background-color: lightgreen; }
</style>
<table border="1" width="200">
<tr>
<td>
<div contenteditable>div 111</div><div contenteditable>div 112</div>
</td>
<td>
<div contenteditable>div 121</div><div contenteditable>div 122</div>
</td>
</tr>
<tr>
<td>
<div contenteditable>div 211</div><div contenteditable>div 212</div>
</td>
<td>
<div contenteditable>div 221</div><div contenteditable>div 222</div>
</td>
</tr>
</table>