CSS tooltip not showing on top of all elements (no javascript)

Question

How do I show a tooltip on top of all HTML elements?

http://jsfiddle.net/Fk79x/

<div class="wrapper">Lorem ipsum dolor 
   <div class="tooltip">Lorem ipsum dolor</div>
</div>

Answer 1

Okay I added 4 new IDs in your HTML DIVs

<div class="wrapper" id="test1">Lorem...
<div class="wrapper" id="test2">Lorem...
<div class="wrapper" id="test3">Lorem...
<div class="wrapper" id="test4">Lorem...

And added this new CSS:

#test1 {
    z-index:40;
}
#test2 {
    z-index:30;
}
#test3 {
    z-index:20;
}
#test4 {
    z-index:10;
}

DEMO Here: jsFiddle