[Resolvido] Posicionamento de Div

Olá Galera,

Estou tendo este pequeno problema, tenho duas divs dentro de uma div principal, uma eu quero que fique a esquerda e a outra a direita. A primeiro do logo menor aparece por inteiro e se alinha onde eu ajustei. A segunda que é do logo maior não está se alinhando nem aparecendo por inteiro.

Segue o link teste do site

http://www.consultrain.com.br/layout2/

Segue abaixo o html:

<div id="topo">

	<div id="topocorpo">

 

 <div id="topologo">

 </div> <!-- topologo -->

 

 <div id="topologofundo">

 <h1> BEM-VINDO AO NOSSO SITE </h1><br />

 <h2> VOLTE SEMPRE </h2><br /><br /><br />

 <h2> 17 3234-7475 </h2><br />

 <h3> CONTATO@CONSULTRAIN.COM.BR </h3>

 

 </div> <!-- topologofundo -->

 

 </div> <!-- topocorpo -->

 

</div><!-- topo -->

E abaixo segue o css:

* {margin:0; padding:0;}

#topo {

	background-image: url(images/topo_fundo.jpg);

	width: auto;

	height: 214px;

	margin: 0 auto;

	}

 

#topocorpo {

	width: 960px;

	height: 214px;

	margin: 0 auto;

	position:relative;

	}

 

#topologofundo {

	background-image: url(images/topo_fundo_logo.png);

	width: 516px;

	heigth: 214px;

	float: right;

	position: absolute;

	}

 

#topologo {

	background-image: url(images/topo_logo.png);

	width: 262px;

	height: 123px;

	float: left;

	position:absolute;

	top: 57px;

	left: 50px;

	}

Gostaria de saber também se está correto a forma como estou aplicando as imagens, é utilizando background-image mesmo ?