Image stays stuck in the upper left-hand corner in CSS

I have the following in-line style code:

<style>
.quote {
    background-color: #00FFFF;
    position: absolute;
    height: 50px;
    width: 300px;
    top: 250px;
    left: 500px;
    text-align: center;
};

#apple{
    position: absolute;
    top: 3000px;
    left: 600px;
}

#random{
    position: absolute;
    top: 500px;
    left: 500px;
}

and I'm trying to get the image with the apple id to move to a location different from where it's currently situated, which is in the upper left hand corner. Changing the coordinates of the other images and divs works fine, and I've experimented with changing the position of the apple image from fixed to absolute to relative and haven't found anything which allows me to move it to the center of the page.