Css: come mettere il collegamento al div header?

[ghisirds]

Domanda banale, ma a cui ancora non ho trovato soluzione.
Ho un header in un div, caricato come immagine dal css, come da esempio:

#header {
height: 100px;
background-image: url(../immagini/header.jpg);
}

ora, vorrei fare in modo che cliccando sull'header mi si apra l'home.
ho provato così:

<div id="header"></div>

ma non va.
Dov'è l'inghippo?
Grazie
Marco

[fcaldera]

inserisci un testo nel link

#header {
height: 100px;
background-image: url(../immagini/header.jpg);
}

#header a {
font-size : 0;
text-indent : -999em;
display : block;
}



<div id="header">testo</div>

[ghisirds]

è bastato invertire a e div così:

<div id="header"></div>

grazie a tutti
marco

[ghisirds]

come non detto, non è validato w3c... :rollo:

[Mich_]

Allo stile proposto da fcaldera occorre aggiungere anche:
#header a {
text-indent : -999em;
display : block;
widht: 100%; height: 100%;
}

naturalmente deve esserci dentro qualcosa. Io non ridurrei le dimensioni del font, mentre il text-indent ci puo` stare (se non vuoi vedere il testo, che deve pero` essere presente se il browser non interpreta i CSS).

PS: forse occorre anche definire la larghezza del blocco: altrimenti viene ridotto, dato che contiene poca roba.

[ghisirds]

alla fine ho risolto con la Cover-Up span:

http://css.html.it/articoli/leggi/35...replacement/3/

solo che a differenza della guida, ho dovuto inserire

display: block;

e non ho ancora capito perchè, però funziona ed è convalidato!
ciao e grazie
marco