[TheGameGuy69]

You could use absolute positioning :

Wrap it all up with :

* {
	margin: 0;
	padding: 0;
}
html
{
      height: 100%;
  margin: 0;
  padding: 0;
}


body 
{
 height: 100%;
  margin: 0;
  padding: 0;
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
  background: 000000;
 
	
}

#content {
  position:relative;
  z-index:1;
 
}


a {
	color: blue;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
    margin: 0 0 18px;
    text-align: center;
	vertical-align: middle;
	z-index:-1;
}

Then make individual locations for each image like:

#mainstay2
{
    position: absolute;
    top: 16em;
    margin-left: 50%;
    width: 400px;
	padding-left: 10px;
	padding-right: 10px;
    height: 280px;
    background-color: White;
    border-radius: 6px;
    border-bottom-left-radius: 4px;
    font: 16px Tahoma, Arial;
    z-index: -2;
}

Also though, Remember if you are jsut tthrowing images out into divs, you may want to make image containers for themselves , And ALSO sometimes when you throw images out to div it will be Reverse to the way you want it to come out. duno if this helps,

if you really had to you could just make old HTML4 TABLES and partition in but i'd realy suggest using div ABSOLUTE positioning