I have my style sheet set to the following:

html {
scrollbar-face-color : #F5C2E4;
scrollbar-highlight-color : #C8527A;
scrollbar-3dlight-color : #EDA4D4;
scrollbar-shadow-color : #C8527A;
scrollbar-darkshadow-color : #EDA4D4;
scrollbar-track-color: #EDA4D4;
scrollbar-arrow-color : #C8527A;
}

body {
margin:0px 0px 0px 0px;
background:#EDA4D4;
background-image:url(imgs/bg.jpg);
background-position:100px 50px;
background-repeat:repeat-y;
}

A {
color: #4E5F19; text-decoration: none }
A:link {
color: #4E5F19; text-decoration: none; cursor: default }
A:visited {
color: #4E5F19; text-decoration: none; cursor: default }
A:active {
color: #75901A; text-decoration: none; cursor: default }
A:hover {
color: #75901A; text-decoration: none; cursor: default; filter:glow(Color=#ffffff, strength=3), fliph; height:3pt;}

h1, {
margin: 0px;
padding: 0px;
font-weight:bold;
text-decoration:underline;
color: #C8527A;
font-size:9pt;
}

input, textarea{

font-family: Trebuchet MS, Tahoma, Arial, Sans-Serif;
color: #C8527A;
background:#FDDFF3;
font-weight:normal;
font-size:9pt;
border-style: dotted;
border-color: #C8527A;
border-width: 1px;
}

td{
font-family: Trebuchet MS, Tahoma, Arial, Sans-Serif;
color: #C8527A;
font-weight:normal;
font-size:9pt;
text-align:justify;
padding-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding: 0px;
padding: 0px 0px;
}

but as you can see here (http://charisma.simpleillusions.com/) my background isn't 50px from the top :(. Can anyone tell me why? Feel free to look at my source.