Lien sur image CSS

Bonjour,

Je ne connais pas grand chose à la prog de site web.
Mais je veux rendre service à un ami pour son site perso, j'ai simplement recréée son image d'en tête. Tout va bien, mais je voudrais rendre cette image cliquable et là, je bloque.

Voilà, j'ai une feuille de style en CSS qui définie mon en tête :

/*---------------------------------------->>>>Header<<<<-----------------------------------------*/   
#wrapper {   
width:762px;   
margin: 0 auto;   
padding: 0px;   
}   

#header {   
height: 220px;   
background: url('images/header.jpg') top center no-repeat;   
position: relative;   
}   

#header h1 {   
font-size: 50px;   
margin: 0px;   
padding: 0px;   
position: absolute;   
bottom: 1px;   
left: 10px;   
z-index: 600;   
}   

#header h1 a {   
text-decoration: none;   
color:black;   
}   

#header p {   
font-weight: 900;   
position: absolute;   
bottom: 0px;   
color: white;   
left: 15px;   
z-index: 700;   
margin: 0px;   
padding: 0px;   
}   

la ligne :

background: url('images/header.jpg') top center no-repeat;

indique donc l'image qui est affichée en en tête.
Il y a du texte au dessus qui lui est linké dans le header.php.
Mais je souhaite que le clique sur header.jpg offre lui aussi la possibilité de cliquer.

Je pensais virer cette ligne et dans la partie appropriée du header.php, ajouter un champ <a href> mais je ne sais pas si le résultat sera bon, et puis j'aimerai garder cette façon de faire. Et laisser derrière moi un code pro(pre).

Merci à vous.