centrer baggrund og billede

Jeg har en baggrund og et billede som jeg ønsker altid skal ligge i midten af siden, jeg har tidligere brugt følgende CSS til at gøre dette:

body
{
  background-color:#F9F9F2;
  background-image:url('bg.gif');
  background-repeat:repeat-x;
  background-attachment:fixed;
  background-position: 50% 50%;
  text-align:center;
}


.billede
{
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -269px;
  margin-left: -466px;
}


Det virker fint, men problemet er at hvis man kører browser vinduet op så stopper billedet ikke når det når browserens kanter men fortsætter i stedet ud af browseren, jeg vil have billedet til at stoppe når det når kanterne og at scroll kommer frem.