CLICK HERE TO SEE WHAT I AM TRYING TO DO!

I am trying to get that out of place shape to stay on the corner of container. To see what I mean please click the mock up design I did below:
http://www.newmedia.lincoln.ac.uk/je...designs/01.gif
All the shapes are coming out of the container border. I am attempting to put this image on the corner of the box but its at the top of the screen. This also acts different in IE. When I scroll down the page in Firefox the image stays on screen but when I scroll down the page in IE6 the image disappear.

I am having problems getting it in the position I want and also making it stay there. 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 at all times so it adjusts to every page height accordingly.

I have put a wrapper around my container and then put the out of place shape in a div called borderdes:
Code:
#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 help!