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

Question

我正在尝试制作一张桌子，某些文字单元格是垂直的（旋转的），但是有很好的问题可以获得一致的定位。我有基本的大纲工作。它在IE中有点偏差（很大的惊喜），但我想我可以用某种浏览器条件来解决这个问题。 然而，真正的问题是，当第一次选择时，顺便可编辑的文本会稍微移动一下。这有点难以解释，所以你可以自己看： http://gdurl.com/eM_F

在Chrome中，它总是在字段之间进行选项卡以便在第一次聚焦时进行，而不是单击。 有时在点击它们之后输入它们。

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

我想用css以某种方式解决这个问题，但如果需要，我可以使用javascript / jquery。当页面加载时，我确实尝试在它们上面调用focus()，这样它们的位置就会保持一致，但是它不起作用。 还尝试将contenteditable属性设置为false，并设置tabindex以希望在获得焦点时将contenteditable设置为true将修复它，但即使contenteditable为false，它仍然表现为选项卡时的行为。

Answer 1

感谢所有回复。显然问题是“溢出：隐藏”。删除它或将其设置为与旋转相同的元素就可以了。但是我仍然在努力使这个工作始终跨浏览器。我回答得更彻底。