div#floater {
    position: fixed; 
    top: 420px; 
    left: -110px;   
}

div#floater:hover {
    left: 0;

解决方法

z-index : 1;

请注意，z-index只适用于有某种定位集合的元素(相对，绝对，固定)

细微差别：

具有较高z-index的元素将出现在相同堆叠上下文中具有较低z-index的元素的前面。如果两个元素具有相同的z索引，则后者出现在顶部。堆栈上下文定义为：

>文档根
>具有位置的元素：绝对或位置：相对和z索引
>部分透明的元件，即它们具有不透明度， 1
>在IE7中，任何元素的位置：绝对或位置：相对(这可能会导致许多错误，因为它是唯一的浏览器这样做)

如果IE7是一个问题，你可以使所有浏览器的行为相同，总是添加z-index：1到任何元素也有一些位置设置。