media screen non funziona correttamente

[AsevenX]

Salve, ho un box con un immagine di sfondo centrata senza ripetizione, quindi con degli 'spazi vuoti' sui lati. Questo va bene per schermi grandi, mentre vorrei rendere visibile l'immagine di sfondo per intero senza spazi sui lati. Ho provato utilizzando media screen impostando il background-size: cover, ma forse commetto qualche errore di sintassi. Il codice è questo:

@media screen and (min-width: 200px) and (max-width: 709px) {    #formazione{        background-size: cover;         }} @media screen and (min-width: 710px) and (max-width: 3000px) {    #formazione{        background-position: center;        background-position: top;        background-repeat: no-repeat;      }}

Qualcuno sa dirmi dove sbaglio?

[Gio2011]

hai messo il meta viewport?
<meta name="viewport" content="width=device-width, initial-scale=1.0">