Salve ragazzi,
sto cercando di ottimizzare un sito per la visione ottimale su dispositivi mobili

nella pagina ho inserito due fogli di stili alternativi
Codice PHP:
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/style_mobile.css" media="handheld"/> 
il foglio di stile style.css contiene :
Codice PHP:
#app-background {
    background:url(../images/testo_home.png) no-repeat;
    position:fixed;
    z-index:999;
    height:394px;
    width:1177px;
} 
mentre quello style.mobile.css
Codice PHP:
    #app-background {
    background:none;
    } 
Ho provato ha visualizzare il sito su uno smartphon android utilizzando i browser dolphin e opera. Mi aspettavo nel div app-background di non vedere visualizzata nessuna pagina, invece l'immagine di sfondo viene ignorata. Praticamente il foglio di style.mobile è come se venisse ignorato.
Sbaglio qualcosa?