Mi problema es que no se como hacer para que la leyenda aparezca en línea con el mapa por su parte derecha. Me explico, la leyenda me aparece a la derecha del mapa pero no me aparece en línea con el mismo.
el mapa lo tengo definido con el siguiente div
<div id="map"></div>
y la leyenda con el siguiente div
<div id="layerswitcher" class="olControlLayerSwitcher"></div>
y en el archivo css tengo el mapa con las siguientes características:
#map{
border: 3px solid #00008B;
height: 620px;
width: 80%;
}
y la leyenda con estas:
#layerswitcher{
color: #FFFFFF;
background-color: #00008B;
}
En mi mapa me sale así:
y quiero conseguir que me aparezca así:
Muchas gracias por vuestra ayuda.
Saludos,
Paulino
