Adding images to a border

1

CLICK HERE TO SEE WHAT I AM TRYING TO DO!
As you can see from the URL above there is an out of place shape that is supposed to be on the bottom left corner of the container!

I am having problems getting the image to stay in the correct position. If you click Next>> it will show my old blog entries and the container height changes… I need to attach the ‘out of place shape’ to the corner of the container at all times so it adjusts to every page height accordingly.

For some reason the image below won’t do what I want!

The current code I am using also acts different in IE6. When I scroll down the page in Firefox the image stays on screen but when I scroll down the page in IE6 the image disappears.

I have put a wrapper around my container and then put the out of place shape in a div called borderdes:

#wrapper {
    width:1000px;
    margin:0px auto;
}

#wrapper #borderdes {
    position:fixed;
    float:left;
    width:100px;
    height:70px;
    border-top:145px;
    background-image: url(../test_design/corner_bl.gif);
    background-repeat:no-repeat;
}

Please can someone tell me how to do this?