CSS div定位辅助

Question

我需要一些帮助来定位每个#box的悬停事件中出现的div.隐藏的div应该出现在以下列方式悬停的方框上方:

1. 每个#tooltip div都会覆盖悬停的框以及旁边的框
2. 方框1和2的工具提示应覆盖右侧的方框

3. 方框3和4的工具提示应覆盖左侧的方框

   (为了使其更容易理解,请参阅附图
4. 会有几排盒子,所以定位应该是相对的,而不是固定在页面尺寸上(我想)

到目前为止,我还没有设法使#tooltip定位正确(我知道一个应该是绝对的而另一个是相对的,但不管我的努力,我还没有把它钉住).

这是一个工作的jsfiddle,这是我追求的结果:

Answer 1

这就是你想要得到的吗？

http://jsfiddle.net/xnrdp/1/