隐藏元素方法 使用display:none和left:999em

今天做一个下拉的功能，如下图：

第一次想是把下面的使用js 在鼠标移动到上面的时候 修改 display 值让它显示出来。

后到通过使用在父标签上添加class，使用css控制显示与不显示，可是在某个浏览器下出现了问题（你懂得。），即不会隐藏层。 

后来换了一种方法， 不是改成修改 display属性， 而是修改left属性， 隐藏的css是left:-999em;   显示的话再把left 改到需要的数值，显示在页面上。