Html 显示元素时出现CSS问题

我把它作为我网站标题上的隐藏元素

每当我将鼠标悬停在标题徽标上时，我都会显示此元素

---

在firefox中，它工作得很好。但在IE7中，它将导航移到了它下面。有人能建议我如何在ie7中保持我的主页链接真正浮动吗。

你可以这样做

#divtofloat{
position : absolute
top:10px;
left:10px
}

它在页面左侧保持10px，在页面顶部保持10px。如果您想查看另一个元素，您可以给出比页面上的元素更高的z索引

---

使用绝对定位，您可以将div放置在页面上的任何位置…具有顶部、左侧和底部属性。

浮动取决于容器内容关系，因此我需要了解html的结构。不管怎么说，浮动似乎不是最好的解决方案。此外，还必须将结构（html）和表示（css）分开。您可能需要： HTML:

---

它现在工作得怎么样了？

我还没有看到您的全部源代码，但我认为您希望在标题徽标上做工具提示。如果您所做的是jquery工具提示，那么它将是一种很酷的风格。

@sushi，您可以制作测试页面并将其放在某个地方，然后向我们展示：|

无论如何，我们在这里都有点盲目，没有实际的情况代码，但我可以假设您可能需要将markup float:left元素放在header元素之上，或者使用overflow:hidden或somth

---

但正如@gov早些时候提出的那样，也许更容易使其绝对定位。在这种情况下，不要忘记将标题元素定位为相对的。

请向我们展示完整的代码（标题也是）和您的css-否则几乎不可能判断出错误。@sushil，您使用“p”而不是div有什么原因吗？请告诉我如何使元素在页面上浮动。所以对它下面的元素没有影响。我的意思是它可以在上面的一层上移动。我不能把全部代码带到这里。不，我没有理由用div替换p。但是没有任何效果。任何小提示都会有很大的帮助。如果您想将某个元素浮动到另一个元素上，您可以给出负的边距，如边距顶部：-20px，因此，它将位于其他元素之上，其他选项将是绝对定位

<div id="header">
   <a href="link_to_home">
      <img src="logo_url" />
      <span class="tooltip">Home Page</span>
   </a>
</div>

#header a { position: relative;}
#header a span { display: none; position: absolute; left:130px; top: 80px; }
#header a:hover span { display: block;}