L'immagine viene caricata in backgroud nel div quindi invece di caricarla con il css la carichi con tag img :

#headerpic
{
position: relative;
height: 109px;
margin-bottom: 2px;
}
/*Nel caso stilizzi l'immagine*/
#headerpic img
{
......
}

<div id="headerpic">[img]images/hdrpic.jpg[/img]</div>

Così facendo mantieni lo stile del div, e l'immagine la usi per linkare.

la rimozione di questo "background: #A7A8AA url(images/hdrpic.jpg) no-repeat top left;" ti modifichera sicuramente il layout , dovrai modificare il css per rimettere la visualizzazione come prima.

Sennò puoi mettere un div nascosto con il link e' una sol ma nn so quanto sia valida anche perche' se fai un block box poi devi stare attento alla compatibilita' con i browsers e devi usare qlke hack per renderlo visibile nello stesso modo ovunque.


In mancanza di altre info potrebbe essere una sol.