SelectFeature control and feature label bug

by _DR_

HTML

<script src="http://openlayers.org/dev/OpenLayers.js"></script>
<div id="mapdiv"></div>

CSS

#mapdiv {
    width: 200px;
    height: 200px;
    border: 1px solid #dddddd;
}

JavaScript

map = new OpenLayers.Map("mapdiv", {
    controls: []
});

map.addLayer(new OpenLayers.Layer('', {
    isBaseLayer: true,
    maxExtent: new OpenLayers.Bounds(-200, -200, 200, 200)
}));

var sm = new OpenLayers.StyleMap({
    'default': new OpenLayers.Style({
         fillColor: "green",
         fillOpacity: 1,
         strokeColor: "black",
         pointRadius: 40,
         label: "OpenLayers",
         fontSize: 14,
         fontColor: '#FFFF00'
    }),
    'select': new OpenLayers.Style({
        fillColor: "red",
        fillOpacity: .2
    })
});  

var vectorLayer = new OpenLayers.Layer.Vector("Buildings", {
    maxExtent: new OpenLayers.Bounds(-200, -200, 200, 200),
    styleMap: sm
});

map.addLayer(vectorLayer);
vectorLayer.addFeatures([new OpenLayers.Feature.Vector(
    new OpenLayers.Geometry.Point(-20.126, 20.755))]);
map.zoomToMaxExtent();

sf = new OpenLayers.Control.SelectFeature(
    vectorLayer,
    {
        hover: true,
        highlightOnly: true,
        autoActivate: true
    }
);
map.addControl(sf);