可编辑旋转文本的定位有问题

我试图制作一个表格，其中某些文本单元格是垂直的（旋转的），但在获得一致的定位方面存在很大的问题。我已经完成了基本的大纲。它在IE中有点不对劲（大惊喜），但我想我可以用某种浏览器条件来解决这个问题。然而，真正的问题是，当第一次选择时，可以编辑的文本会移动一点。这有点难以解释，所以你可以亲眼看到：http://gdurl.com/eM_F

在Chrome中，当第一次在字段之间切换以聚焦字段时，总是会发生这种情况，但不会单击。点击后输入时，有时会。

在IE中，它总是在字段第一次获得焦点时发生。

我想用css来解决这个问题，但如果需要，我可以使用javascript/jquery。当页面加载时，我确实尝试过对它们调用focus()，以便它们的位置保持一致，但没有成功。还尝试将contenteditable属性设置为false，并设置一个tabindex，希望在获得焦点时将contenteditive设置为true，这将解决问题，但即使contenteditable为false，它在选项卡设置为时仍然会有类似的行为。