Question

I have a div element floating absolutly on mouse position. so I set its position to absolute:

div#floating{  
    position:absolute;  
}  

I want to have a [close] link (with absolute position in my div) to hide my floating div. so I have to:

a#close{  
  position: absolute;  
}  

and

div#floating{
   position:relative;  
}  

how can I set two positions (absolute and relative) for my floating div?

Answer 1

set both to absolute.because an absolutely positioned element that is inside another absolutely or relatively positioned element is computed relative to its parent.

 div#floating{ 
    position:absolute;  
 }  

 a#close{  
   position: absolute;  
 }  

check this : http://jsfiddle.net/6ddDw/