Padding in funzione delle impostazioni dello schermo

[guidino]

Ciao a tutti,
è possibile impostare il padding di sinistra di un div a seconda delle impostazioni di risoluzione dello schermo?

Per esempio se la risoluzione è 800x600 vorrei impostare il padding a 10;
se invece la risoluzione dello schermo è 1024x768 vorrei impostare il padding a 30.

In alternativa, potete indicarmi quale strada seguire per ottenere questo risultato?

Questo è il mio div#pagina:

div#pagina
{
    font-size: 12px;
    margin: 0;
    background: #FFFEF6;
    /*width: 625px;*/
    width: auto;
    /*float: left;*/
    padding: 20px 10px 10px 15px;
    display: block;
    height: auto !important;
    min-height: 528px;
    overflow : hidden;
    border-left: 1px solid #000;
}


Grazie
 :ciauz: