垂直文本覆盖内容

Question

我能够使用http://jsfiddle.net/9pUu4/代码在表格单元格中具有垂直文本。在这张表的上方是我的水平导航菜单，它通过jquery ui菜单悬停在标签上展开成链接。我的问题是，当将标签悬停在垂直文本上方时，文本放在菜单上。但是，将水平文本悬停在表格的同一行时不会发生这种情况;这是菜单涵盖页面内容。这发生在Chrome和Firefox上。

我试图搞乱Z指数问题，没有运气。它与transform css属性（-webkit-transform，-moz-transform）有什么关系？或jQuery的菜单与垂直文本冲突？

.Vertical 
{ 
    writing-mode:bt-rl; 
    -webkit-transform:rotate(90deg); 
    -moz-transform:rotate(90deg); 
} 

Answer 1

经过深入挖掘，How do I make sure my drop down menus overlap and cover anything on my page?，我怀疑垂直文本︰转换的起源;或者简单地垂直文本出现在页面布局的菜单之后，可以使这个垂直文本“在顶部”。

不管怎样，在菜单外添加这个包装工程。

#div1 
{ 
    position : relative; 
    z-index : 1000; 
} 

More code

的z-index = 1的规定的作品，但我只是想确保它涵盖一切。