Salve a tutti, sto sclerando e un pomeriggio che ci provo ma non ci sono riuscito

, vorrei adattare il mio sfondo a tutte le risoluzioni, ma non ho capito quale codice devo andare a modificare.
Il mio template e beez5.
Il link del mio sito e questo:
http://it9evx.altervista.org/joomla/E questo e il codice della pagina beez5.css che provo a modificare seguendo le istruzioni che ho trovato sul forum ma senza risultati
body
{
background-attachment: scroll;
background-clip: border-box;
background-color: #000000;
background-image: url(../images/header_outer.jpg);
background-origin: padding-box;
background-position: right top;
background-repeat: no-repeat;
background-size: 100% auto; line-height: 1.5; text-shadow: 1px 1px 1px #FFFFFF;
}
Ora sapete dirmi dove ho sbagliato e come posso risolvere il problema?