Maquetacion de la pagina web

[carlosferdo]

Ok, aqui te dejo el codigo CSS y HTML unicamente de eso que quiero formar:

CSS:

Código:

.esquinaIzquierda{
	background-image :url("esquinaBarrainferiorIzq.png" ) ;
	background-repeat:no-repeat;
	margin-left:200px;
	height:30px;
	width:1000px;

}


.esquinaDerecha{
	background-image:url("esquinaBarrainferiorder.png") ;
	background-repeat:no-repeat;
	background-position:right;
	margin-right:200px;
	height:30px;
	width:1000px;
}


.centro{
	background-image:url("partecentralBarrainferiorr.png") ;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

HTML:

Código:

 <div class="esquinaIzquierda">
 	<div class="centro">
		<div class="esquinaDerecha">
        </div>
    </div>
</div>

Las dos esquinas me salen muy bien ajustadas con el pixel pero el central se me superpone al a "ESQUINA-IZQUIERDA".