Problems with Relative Positioning

Having some problems with relative positioning on my page:

For example for photo 3, 4 and 5 grabbed from my feed I have to set the following positioning relative to the outside frame in order for them to be displayed next to one another.

It is is possible they are not getting relatively positioning to the outside frame, but it should automatically position to the container division.

This is a problem because it is hard to know how to position the elements on the page because they all work off different relative positions for some reason.

#photo3 {
width: 180px;
height : auto;
float: left; 
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
position: relative; left: 200px; bottom: -120px; 
z-index: 100; 
}
#photo4 {
width: 140px;
height : auto;
float: left;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
position: relative; left: -50px; bottom: -200px; 
z-index: 100;

}
#photo5 {
width: 120px;
height : auto;
float: left;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
position: relative; left: -250px; bottom: -230px; 
z-index: 100;