How would you make two s overlap?

Question

I need two divs to look a bit like this:

    |               |
 ---|    LOGO       |------------------------
|   |_______________|  LINKS                |
|         


        

Answer 1

Just use negative margins, in the second div say:

And make sure to set the z-index property to get the layering you want.