CSS Align Images within an image div

[zerox]

Hi
I have a main header image and im trying to have 2 more images in this header and align them as shown in the attached pic.

How would i use div's to align them from the top and bottom aswell at the right/left side

Thanks

http://img296.imageshack.us/img296/2105/align5xu.jpg

[Oreo]

Hi zerox,

The containing div has to be set to a relative position. The divs inside that element have to be set to absolute position.


#header {

position:relative;
background: url("images/mainHeaderBg.gif") no-repeat top left;

}

#logoImage {

position:absolute;
top:10px;
right:10px;

}

#bannerImage {

position:absolute;
bottom:10px;
right:10px

}


I hope this helps.