Alt tag on image

Hi,

I just wondered if somebody could help me with a problem im getting on my website.

I currently have a banner/logo image at the head of my pages but the alt tag is displaying over the image even though the image is viewable, and I have checked by asking friends if they can see the image and they say they can.

The code im using is as follows:

*CSS*
img.gecko {
height: 81px;
width: 510px;
float: center;
background-image: url('http://www.surfthegecko.com/images/logo/logo.png');
}


*XHTML*
<div id="top">
<img class="gecko" alt="Website logo/banner" title="Website Banner" />
<h1 class="top">Surfthegecko - Just a little fun!</h1>
</div>

if you want to check out the site to see for yourselves then go to surfthegecko.com .

Any help would be much appreciated, I have a feeling it might well be todo with the fack that I have set it as a background image and then when I have called the class I have just taked on alt/title tags at the end, but im not too sure.

Thanks in advance and a Happy new year to all

Nick

Browsers are looking for the src="" and you have none

Code: Select all

 <img class="gecko" alt="Website logo/banner" title="Website Banner" />

should be

Code: Select all

  <img src="http://www.surfthegecko.com/images/logo/logo.png"  class="gecko" alt="Website logo/banner" title="Website Banner" />

giving a backgroun image via css will not work right.

ah many thanks, working perfectly now.

It is so obvious now.

Cheers

Nick