Question

<p style="float: left; position: relative; left: 130px; top: 80px; display: none;" id="homehref"><a href="" style="color: white;">Home Page</a></p>

I have this as my hidden element on the header of my site.

Whenever i mouseover over the header logo i show this element.

In firefox its working fine. But in IE 7 it shifts navigation below it. Can somebody suggest how i can keep my Home Page link truly floating in ie7 as well.

Answer 1

You can do something like this

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

its stays 10px from left and 10px from top of the page. if you want to come over another element you can give z-index higher than the elements on the page.

With absolute positioning , you can place the div anywhere on the page …with top,left ,bottom properties.