Css ja backround-position-ongelma

Teen sivupohjaa, jossa pitäisi olla yksi iso, hyvin vaalea taustakuva aivan selaimen oikeassa alareunassa. Taustakuva on sijoitettu body-osaan ja sen päälle tulee vielä erikseen table-taitto, jossa puolestaan on toinen taustakuva.

Ongelma on se, että Macin selain Safari näyttää kuvan juuri siten kuin pitääkin, kauniisti selaimen oikeassa alareunassa, mutta Opera ja Firefox katkaisevat sen omituisesti poikki ja alareunaan jää näkyviin bodyn taustaväri (mutta ei yläreunaan, siellä kuva menee rumasti poikki). Lisäksi Opera ja Firefox tekevät selainikkunaa pienennettäessä taustakuvaakin varten vierityspalkin, mikä on aivan turhaa. Mikä aiheuttaa moista? Explorerilla en ole päässyt kokeilemaan, miltä näyttää. Sinänsä sekä html-pohja, että tyylitiedostokin pitäisi olla validaattorin mukaan oikein.

body {margin:0px;
padding:5%;
color: #303a18;
background-color:#faf3e8;
background-image: url(kuvat/bodytausta.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}