[OpenLayers-Users] styling the controls

[Puneet Kishor]

I am trying to make the zoom in and out buttons bigger, however, seems like their styles are set programmatically rather than via CSS. My DOM inspector shows

<div id="OpenLayers.Control.PanZoom_3_zoomin" style="position: absolute; left: 13px; top: 63px; width: 18px; height: 18px; cursor: pointer;">
<img id="OpenLayers.Control.PanZoom_3_zoomin_innerImage" style="position: relative; width: 18px; height: 18px;" src="/lib/OpenLayers-copy/img/zoom-plus-mini.png">
</div>


How can I change the above to be larger? I am assuming the OpenLayers.Control.PanZoom_3_zoomin id is generated programmatically and can't be relied upon.

Many thanks,

--
Puneet Kishor