[Geomoose-users] Make a floating legend

[INDRA BAYU]

hi everybody, i got something to ask you..

I wanna build my custom legend that can trigger which layer that show
in the map. The different is, that legend is floating on the map. So
user can click and drag the position of the legend.

First, I try to set the position of the legend with CSS but there's no
change. My code is:

==============geomoose.html==================

<div id="main">
     .....
     <div id="middle" region="center">
          <div id="map">
                    <div id="mapContainer"></div>
          </div>
          <div id="control-panel" style="position:absolute;
left:300px; top:300px;">
                    <div id="tabs"></div>
           </div>
    <div>
    .....
</div>

=============================================

the CSS code:

<div id="control-panel" style="position:absolute; left:300px; top:300px;">

can't make the legend floating on the map..

is there any solution for this?