[jQuery] Floated content inside droppable list
Hi,
I am using Interface droppable code. I have a UL list. Inside each LI
I want to have to float a form with a picture to the right. Since the
LI has no "position" property, the form does not position correctly.
If I put "position:relative" on the droppable LIs they do not drop in
place but where they are dropped.
How do I get this to work? Is it a CSS problem?
<ul id="list">
<li>Some content here..<button class="drag">
<div class="imgUpload"><form>........uploadform......</form></
div>
</li>
<li>Some content here..<button class="drag">
<div class="imgUpload"><form>........uploadform......</form></
div>
<ul>
<li>some subcontent here .....</li>
</li>
</li>
</ul>
I guess this would be the same problem if the draggable object was div
with positioned content.
/asle