link esterno su immagine

[amokve]

Ho un foglio di stile css che viene richiamato su tutte le pagine del mio sito. Sul file css c'è una porzione che gestisce un'immagine presente su tutte le pagine:

#header-image {
background-color: #000000;
background-image: url('images/flower.jpg');
background-repeat: no-repeat;
background-position: left top;
height: 177px;
border-top: 2px solid #ff4700;
border-bottom: 2px solid #ff4700;
margin-left: 110px;
margin-right: 110px
}
Tutto funziona perfettamente. Solo che io voglio inserire un link sull'immagine flower.jpg che mi deve aprire una nuova pagina web. E' possibile fare questo aggiungendo il link nella porzione di file css che ho allegato sopra? e come?
grazie

[Ceptive]

Io conosco un metodo un po' "grezzo" ma funzionante..

Creare un immagine delle dimensioni appropriate ma vuota ovvero trasparente, poi caricarla nella posizione appropriata e impostargli il link

Vi chiedo di risponderi a chi conosce un metodo più elegante di questo.

[amokve]

ok va bene anche questo come posso procedere?
l'immagine comunque deve ripercuotersi su tutte le pagine (i css servono a questo)
Se devo andare su ogni pagina e cambiare i parametri il lavoro e bello che fatto......
Se il tuo metodo include il sistema in un file css ti chiedo di spiegarmelo.
Grazie

[Ceptive]

Dovresti crearti un pagina a parte che richiami il foglio di stile e abbia all'interno l'immagine trasparente.

Poi in ogni pagina del tuo sito dovrai caricare la pagina esterna.

In questo modo per qualsiasi modifica dovrai solo modificare la pagina esterna!

[amokve]

Se possibile ti chiedo come procedere concretamente.
Guarda il sito è il seguente:
www.progettimultimediali.com
l'immagine che vedi nel banner in alto si ripete su tutte le pagine ed è gestita dalla porzione di codice css che ho elencato in precedenza.
Ora io su questa immagine voglio inserire il link al sito in evidenza.
grazie