how to overlap some text with a div on toggle?

Hey all,

I use a toggle effect this way:

<%= link_to_function "edit this item", "Element.toggle('editdiv')" %>
<div id="editdiv" style="display:none">
blabla <br>
</div>
<br>
roror <br>

that works great but I would like the content of editdiv to overlap
the text that comes next, in other words I want blabla to overlap
roror because for now, when I click on "edit this item"
, roror goes down to make room for blabla.
Any idea how to do this?

thanx in advance

Pat

Patrick Aljord schrieb:

the text that comes next, in other words I want blabla to overlap
roror because for now, when I click on "edit this item"
, roror goes down to make room for blabla.
Any idea how to do this?
  
For overlapping you must use the z-index css property and the div must have an absolute position.

Tobias

ok thanx a lot.
I came up with something like this:
<div id="editdiv" style="display:none;position:absolute;
background-color:white; z-index: 1; ">
blabla <br>
</div>
<div id="editdiv" style="position:absolute;z-index: -1;">
roror <br>
</div>