How to make div with background image a link

[chuckylefrek]

Hi there

I am displaying the header of a site which includes the logo by setting the background of a div to an image.

http://www.lambandflag.co.uk

However I would like to make the header a link so that when clicked on, it will take the user back to the home page.

Not sure how to do this so any help would be appreciated.

Thanks

Paul

[Paul O'B]

Hi,

Try this:

#header h1 a {display:block;width:100%;height:100%;}

Don't put spaces in your classes as it may confuse some browsers.

e.g.

 <div id=" topnav">

should be:

 <div id="topnav">

Paul

[chuckylefrek]

Wicked thanks - that done the job just perfectly.

Thank you

Paul

[chuckylefrek]

Eep I have noticed a problem with Firefox and Netscape in that there is a blue line now across the header

http://www.lambandflag.co.uk/

Any ideas how to fix this?

Thanks

Paul

[Paul O'B]

Try this:

#header h1 a {display:block;width:100%;height:100%;text-decoration:none;}

Paul