problema background-image jpg

[Brt]

ciao a tutti, ho un problema riguardo al background image.
Sto facendo un sito di ecommerce e devo mettere n'immagine NEW sui nuovi prodotti.
Il problema è che se metto un'immagine in jpg non me la vede, mentre se la metto in png funziona tutto, però ho tutte le immagini in jpg.
Potete aiutarmi?
ecco il codice:
CSS

.immagine_logo {
  background: url(images/new.jpg);
  background-color: red; /*solo per test*/
  background-position: center top;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0px;
  left: 0px;
  z-index: 12;
}

e l'hml

[img]images/prodotti/prodotto1.jpg[/img]
<span class="immagine_logo" ></span>

[simo22]

Ma il problema sta nell'immagine di sfondo o nell'immagine dentro il tag "img" ?

[Brt]

nell'immagine dentro lo span

[simo22]

Mi pare che IE e Chrome avessero problemi con le immagini jpg e non ricordo perché.

Prova a eliminare il colore di background e/o provare con un'altra immagine jpg qualunque.

[Brt]

cambiando immagine funziona, era perchè l'immagine che mettevo prima era troppo grande e avendo lo stesso sfondo dell'altra non si vedeva
adesso ti chiedo ancora una cosa, posso rimpicciolire un'immagine el background?
cioè un'immagine di 250x250 farla diventare 50x50

[simo22]

http://css.html.it/guide/lezione/5115/background-size/

Ricorda che è CSS3 e non è compatibile con IE8 o inferiori.

[Brt]

senza utilizzare i ccs3 non si può fare in nessun modo? Mi servirebbe che funzioni anche almeno su ie7

[ResianTaxidrive]

ma non ti conviene direttamente caricare una immagine più piccola?

[Brt]

il problema è che le immagini me le danno grandi, se non trovo nessuna alternativa mi faccio uno script in php che me le converte tutte in dimensione più piccola, così sono anche più leggere