# Adding images to a border

**URL:** https://forum.kirupa.com/t/adding-images-to-a-border/225655
**Category:** Uncategorized
**Created:** [May 14, 2007, 6:36pm UTC](https://forum.kirupa.com/t/adding-images-to-a-border/225655 "2007-05-14T18:36:07Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![foevah](https://avatars.discourse-cdn.com/v4/letter/f/8baadc/32.png) [@foevah](https://forum.kirupa.com/u/foevah)
#### Post date: [May 14, 2007, 6:36pm UTC](https://forum.kirupa.com/t/adding-images-to-a-border/225655/1 "2007-05-14T18:36:07Z")

</div>

[CLICK HERE TO SEE WHAT I AM TRYING TO DO!](http://www.newmedia.lincoln.ac.uk/jecgardner/index_design.php)  
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!  
 ![](http://www.newmedia.lincoln.ac.uk/jecgardner/test_design/corner_bl.gif)

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:

```auto
#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?