Ayuda con div corrida

[VbOkonly]

Aunque parece mucho, entiendanme que no lo es
Andaba todo bien, hasta que nosé que hize y se me desacomodó todo :S y quedo algo asi:(intente arreglarlo pero ¬¬)

http://img218.imageshack.us/i/97493930.jpg/

y deseo esto:

http://img810.imageshack.us/i/84642644.jpg/

Código HTML:

<div id="contenedormuestra">
  <div id="header">Colocar aquí el contenido para  id "header"</div>
  <div id="oestemuestra">
    <div id="pub">Colocar aquí el contenido para  id "pub"</div>
    <div id="muestrabackground">
      <div id="muestrafoto">
</div>
      <div id="muestrainformacion">
</div>
    <div id="muestradescripcion">
</div>
    </div>
    <div id="comentarios">
      <div id="autorcomen"></div>
      <div id="salto"></div>
      <div id="comentario"></div>
      </div>
    </div>
  </div>
  <div id="estemuestra">
    <div id="loginbackground">
    <div id="login"><?php
</div>
    </div>
  </div>
  <div id="footer"></div>
</div> 

Código HTML:

#contenedormuestra {
	height: auto;
	width: 1024px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
#header {
	width: 1024px;
	height: 200px;
	background-color: #666666;
}
#oestemuestra {
	width: 800px;
	float: left;
	height: auto;
}
#pub {
	width: 800px;
	clear: both;
	height: 100px;
}
#muestrabackground {
	height: auto;
	width: auto;
}
#muestrafoto {
	float: left;
	height: auto;
	width: 780;
	margin-left: 10px;
}
#muestrainformacion {
	float: left;
	clear: both;
	height: auto;
	width: 780;
	margin-left: 10px;
}
#comentarios {
	width: 800px;
	height: auto;
	clear: both;
	text-align: left;
}
#estemuestra {
	float: right;
	height: auto;
	width: 224px;
}
#loginbackground {
	width: 224px;
	height: 300px;
	background-image: url(Images/bgloginindex.gif);
	background-repeat: no-repeat;
	position: relative;
}
#login {
	position:absolute;
	left:23px;
	top:24px;
	width:180px;
	height:253px;
	z-index:1;
}
#footer {
	height: 100px;
	width: 1024px;
	background-color: #FFFFFF;
	clear: both;
}

Lo que quiero es que "estemuestra" "loginbackground" y "login" que es la parte derecha de la pagina, esten en la parte superior, y no que esten corridas ahi abajo, hace como 3 horas que estoy y no le encuentro la vuelta

Alguna ayuda?

AGRADESCOOOOOOO

[sanxuan]

Prueba con este otro código.
Parece que cerraste un contenedor div en el sitio equivocado.

Código HTML:

<div id="contenedormuestra">
  <div id="header">Colocar aquí el contenido para  id "header"</div>
  <div id="oestemuestra">
      <div id="pub">Colocar aquí el contenido para  id "pub"</div>
      <div id="muestrabackground">
      <div id="muestrafoto">
  </div>
  <div id="muestrainformacion">
  </div>
  <div id="muestradescripcion">
  </div>
  </div>
    <div id="comentarios">
      <div id="autorcomen"></div>
      <div id="salto"></div>
      <div id="comentario"></div>
    </div>
  </div>
  <div id="estemuestra">
    <div id="loginbackground">
      <div id="login">
      </div>
    </div>
  </div>
  <div id="footer"></div>
</div>
 

[VbOkonly]

MUCHAS GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSS♥♥ xDDDD k++