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

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


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