[jQuery] Help: Jquery Interface "Drag" => Graphic Bug

[charliend]

Hello all,

I'm working on Drag & Drop with Interface and I have a graphic bug.

When I click on a Draggable object I can make it move, but only the
text which is contained "move" all the (Css-made) graphic disappear as
soon as I make a movement with the mouse.

Here is a little bit of code:

In the JS file:
The Html in generated by the line with Easy Dom:

$("#vsmenu").append($.LI({"class":"gps"},
$.DIV({"class":"sensorName","id":"menu-gps1"},"gps1")));
$("#vsmenu").append($.LI({"class":"gps"},
$.DIV({"class":"sensorName","id":"menu-gps2"},"gps2")));

// Then I make LIs draggable
$(".gps").Draggable(
        {
                zIndex:         1000,
                ghosting:       true,
                revert: true,
                opacity:        0.9
        }
);

The Html finally is:

<h3>Virtual sensors</h3>
        <ul id="vsmenu">
<li class="gps"><div id="menu-gps2" class="sensorName">gps2</div></li>
<li class="gps"><div id="menu-gpsvs" class="sensorName">gpsvs</div></
li>
       </ul>

In the CSS:
.gps
{
        display: block;
        padding: 5px 5px 5px 0.5em;
        border-left: 10px solid #FFE2BF;
        background-color: #FFF0DF;
        color: #FFA84C;
        text-decoration: none;
        width: 100%;
}

I try not to make the Html generated but in a file to write it
directly and it worked... I mean no graphic bug. So maybe there is
something with EasyDom? Or the DOM is not yet ready? I really don't
know actually...

Thanks you for you help.
Charlie