Problema con div con imagenes en el borde y FireFox

[cpl_eagle]

Saludos,

Estoy intentando diseñar unos divs con unas imagenes en los bordes y pues en IE7 me lo muestra correctamente pero en FireFox no para que vean a lo que me refiero aqui les dejo dos fotos, una con IE7 y otra con FF3:

IE7 - img18.imageshack.us/img18/7913/ie7f.jpg
FF3 - img18.imageshack.us/img18/2561/ff3n.jpg

Tambien les dejo el código CSS que estoy usando para ver si me pueden ayudar a encontrar el error para poder arreglar este problema.

Código:

.fcv2 {
	width: 717px;
 	background: url(../Imagenes/cuerpoc.png) no-repeat top center;
 	height: 20px;
 }

.fcv3 {
	width: 717px;
	background: url(../Imagenes/cuerpop.png) no-repeat top center;
 	height: 20px;
	margin: 0px 0px 10px 0px;
}

.fcv4 {
	width: 717px;
	margin: 0px;
 	background: url(../Imagenes/cuerpol.png) repeat-y center #FFFFFF;
	padding: 0px 20px 0px 20px;
 }

Un cordial saludo

[emiliodeg]

cambia el ancho del .fcv4 { por width: 677px;

[cpl_eagle]

pues ya encontre la solución, solo e tenido que crear un div con "float: center;" y añadir "margin: 0px" a dos clases que utilizaba en el contenido. Un cordial saludo .

[jomaruro]

Hola:

Y ¿de donde has sacado esto?:

Iniciado por cpl_eagle

float: center;

Saludos.

[matados2k]

La solución correcta es la de emiliodeg nada de float: center no cosas por el estilo,

El problema viene de la forma de interpretar el modelo de cajas que como siempre IE usa el que le sale de los mismos, aunque curiosamente el de IE es el que mas lógica tiene.