Div overlap

[jan24]

What i want to do is this:

    |                |
 ---|    Logo        |------------------
|   |________________|  Links              |
|             Content                      |

Although i cant get this fixed.
I know there is a way this:

position: absolute;
z-index:2;

But i want to have my divs as follow:

float:left;

But why i used float:left; i can't use z-index:2; anybody know how to solve this?
Thanks for advance.

[Nile]

Give it a relative position and give z-index:2;

[petercpwong]

If you want your logo to appear above everything else, then try a bigger number for your z-index like 9999

[VijayKanta]

#wrapper {
margin: 0 auto;
}

#logo { /* which is inside wrapper */
position: absolute;
display: block;
margin-left: 100px; /* sample */
margin-top: 50px; /* sample */
z-index: 9999; /* like above poster says, but should not be an issue afaik */
}

#belowdiv { /* comes after logo in HTML and doesn't matter */
float: left;
}