如何在不同的浏览器中将krank工具提示定位相同？

Question

我已使用CSS position:relative，top和left的下拉菜单旁边的像素定位了3个工具提示文本元素。显示的文本称为“这是什么？”。

唯一的问题是每个浏览器和设备都以不同的方式显示下拉列表，这使我无法定位。有没有更好的方法来放置它们，这样我就不必为每个设备和浏览器编写不同的规则了？

button.krank-tooltip.ttone {position: relative;top: 73px;right: -280px;} 
button.krank-tooltip.tttwo {position: relative;top: 114px;right: -168px;} 
button.krank-tooltip.ttthree {position: relative;top: 154px;right: -108px;}

这是在装有Google的Mac上的样子：

（http://gyazo.com/f67d52f2e6db4cc9488247f5877f79e1）

，这是带有Google的Windows 8.1：

（http://gyazo.com/4577e66867ecb180ba293f2ca504c10b）

在Mac上看起来正确，但在PC上略有关闭。