Sto provando ad inserire un'immagine nell'angolo in basso a destra della pagina, ma ho dei problemi.
Faccio un esempio semplice
codice:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link rel="stylesheet" href="site.css" type="text/css"/>
    <title>Prova</title>
</head>
<body>
    <div id="main">
        <div id="altro">
            

Un po' di testo</p>
        </div>
    </div>
</body>
</html>
codice:
body {
    margin: 0px;
    text-align: center;
    background-color: #fff;
    background-image: url('sfondo.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

div#main {
    width: 920px;
    height: 600px;
    margin: 0px auto;
}
Bene, l'immagine viene messa effettivamente sul bordo destro, ma non viene posizionata a fondo pagina, si posiziona alla fine del div "main".
Come faccio a farla posizionare esattamente nell'angolo in basso a destra a prescindere anche dalla risoluzione usata per lo schermo?