Question

I am building a jQuery interface that uses the draggable feature of the jQuery UI. For the most part, this works excellent, except whenever I drag an object over elements that have absolute positioning. Instead of appearing above the absolutely positioned items, the dragged object appears below.

You can find a fiddle of this example here: http://jsfiddle.net/spryno724/nTdrG/2/, or download relevant part of the project here: http://box.com/webuploads.

Could someone please help me work around this issue?

Thank you for your time!

Answer 1

Add a z-index to your style:

span {
    display: block;
    background-color: #0F0;
    width: 250px;
    z-index: 1;
}