put text on top of image called by jquery
I would like to add some text onto the top of an image which is called by a jquery function as a map.
At the moment the text is appearing under the map.
The script is:
$(window).load(function() {
function initializeMap(){
$('#searchlocations').hide();
$('#map').fadeOut(500, function(){
$('#map').empty().css({
width: '620px',
height: '731px',
backgroundImage: 'url(/images/map/map.jpg)',
position: 'relative'
});
$('#map').fadeIn();
loadBullets('townmap', false);
});
}
The html is:<div id="searchlocations">
<a href="/history/townmap">Historical Locations</a>
</div>
<div id="mapcontainer">
<a name="map"></a>
<div id="map">Click on the orange dots for information about the location
<img src="/images/map/loading.gif" alt="map" />
</div>
</div>