Weblabor

Sziasztok!
Készítettem egy layoutot, kivágtam a képeket, és css-el összeállítottam az oldalt.
El is készült, csak ott a bibi, hogy amikor a div-ben elhelyezett képet belinkelem, elmozdul a kép jobbra/lefelé kb. 1 pixelt, és lila keret jelenik meg körülötte. Tudna valaki segíteni abban, hogy mi a hiba oka? (A kép és a konténer mérete ugyanaz.)
body {
text-align: center;
background-image: url(img/pagebg.gif);
background-repeat: repeat;
margin: 0px;
background-attachment: fixed;
}
#foContaneir {
background-repeat: repeat;
position: relative;
height: 768px;
width: 1024px;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url(img/bg.gif);
background-attachment: scroll;
}
#balKepdoboz {
overflow: hidden;
position: absolute;
visibility: visible;
height: 223px;
width: 264px;
left: 31px;
top: 294px;
}