change this :-
<div id="header">
<h1>&nbsp; </h1>
</div>

to this :-
<div id="header">
<a href="http://www.smokysundays.com/" title="Home page"><span>smoky sundays</span></a>
</div>

and then change this :-

#header {
background : url(img/kubrickheader.jpg) no-repeat bottom center;
background-color : #d5d6d7;
margin : 0 0 0 1px;
border : none;
padding : 0;
height : 200px;
width : 758px;
}

to this :-

#header a{
background : url(img/kubrickheader.jpg) no-repeat bottom center #d5d6d7;
margin : 0 0 0 1px;
border : none;
padding : 0;
height : 200px;
width : 758px;
display:block;
}

#header a span{display:none}

¥

Wow.. thank you a lot for the quick and useful answer!!

It works great.

Lucas

No problem ;)

¥

I use

<div id="header" onclick="location.href='http://tin-men.net/';" style="cursor: pointer;">
&nbsp;
</div>

No hacking of the css, nice and easy. Obviously you'll need to change the url to your own...

That way works just as well Graham,

I tend to use the method I posted as it works without javascript which is a habbit I'm trying to get myself into so that my sites have a chance of passing the accessability standards.

¥