Non riesco veramente a capire dove sbaglio. Ho definito questo blocco
#blocco{
width: 180px;
height: 176px;
background: url('immagini/immagine.png');
}

In locale l'immagine si vede, in remoto no.
Ho provato background-image e non si vede comunque. Ho provato background: red; e si vede.
Ho controllato miosito/immagini/immagine.png e l'immagine si vede. Considerando che il blocco è stato ridefinito e non ci sono altri blocchi con quel nome, quali sono le cause che non me lo fanno vedere secondo voi?

In HTML il blocco è fatto così:
<div id="blocco">A</div>

Sono passato a fare questa cosa perchè inizialmente ho fatto questa:

#blocco{
width: 180px;
height: 176px;
position: relative;
text-align: center;
}
#blocco img{
position: absolute; width: 100%;
position: relative;
top: 0;
left: 0;

} /*immagine centrata nel div*/
#blocco p{
position: absolute;
font: qualcosa;
}



<div id="blocco"><img src="immagini/immagine.png"><p>A</p></img></div>

L'immagine si vede, anche la A si vede. Il problema è che la A non è centrata. A questo punto gioco un po' con left e top di blocco e mi si centra. Il problema è che se la parola ha 2 lettere queste non sono centrate. Peggio se ce ne sono 3 di lettere. Come posso fare?
In locale con il primo sistema mi si centrano automaticamente (giocando con line-height e vertical-align) ma se non mi si vede l'immagine è inutile. Consigli?