关于css的absolute显示的位置在ie和chrome的差异的问题

Question

我的html代码如下：
<a href="#" class="tip">tip<span class="tipbox">tip content</span></a>
Css如下：
a.tip{ color:Red; text-decoration:none; position:relative; }
a.tip span{ display:none;}a.tip:hover{ cursor:pointer;}
a.tip:hover .tipbox{ display:block; position:absolute; top:-10px; left:0px; width:100px; background-color:Green; color:Blue; padding:10px;}大家可以看到，我希望鼠标移动到tip上的时候，把里面的tipbox显示出来。
但是在ie和google chrome里，他们显示的位置是不一样的，高度不一样，请问怎么设置让他们显示在一个高度？谢谢！

Answer 1

顺便提一下，css的支持方面，firefox和chrome几乎一样，上面的代码在ff里运行，和chrome是一个效果，ie6就不一样，没有装ie7，不知道表现怎样
就想知道，怎么才能让这个代码在ie里显示成chrome一样呢？

Answer 2

chrome 垃圾，除了IE，其他都是垃圾。不做考虑。