Problemas con la Visualizacion

[falmar]

Hola , tengo un problema y no se la causa.

El problema es que en el Dreamweaver veo mal una capa la cual parece estar bien, en vez de verla a 400px la veo a 48px.

Cuando pongo Vista en vivo se ve bien con 400px
Cuando lo abro en IE 6,7,8, se ve bien con 400px
Cuando lo abro en Firefox se ve bien con 400px
Cuando lo abro en Chrome se ve bien con 400px

Además la capa con ancho 400 cuando paso el cursor por ella me pone:

Ancho: 400px (48px)

No se por que pone 48px entre paréntesis.

En vez de verse a 400 px se ve a 48px, pero en todo el código no tengo ningún 48px, y en los navegadores se ve bien a 400px.

Alguien me puede decir cómo puedo quitar esto, pues al no ver bien no puedo diseñar correctamente.

El Codigo CSS es este y el problema me lo da en el #contenido3

Muchas Gracias

@charset "utf-8";
/* CSS Document */

body {
margin: 0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#principal {
width:100%;
text-align: left;
}
#contenedor {
margin-left:auto;
margin-right:auto;
width:740px;
background-repeat: no-repeat;
height: auto;
}
#encabezado {
width: 740px;
height: 64px;
position: relative;
color:#ade3ff;
background-image: url(images/header.jpg);
background-repeat: no-repeat;
}
#contenidos {
height: 326px;
width: 740px;
margin-right: auto;
margin-left: auto;
background-image: url(header.jpg);
}
#contenidos2 {
height:140px;
width: 740px;
margin-right: auto;
margin-left: auto;
background-image: url(blue_box_spanish.gif);
text-align:left;
color:#ffffff;
font-size: 9px;
}

#left_white_text{
height: 110px;
float:left;
width: 316px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-top: 10px;
}
.big_text{ font-size: 16px;}
#rigth_white_text{
float:left;
width: 316px;
margin-left: 30px;
height: 80px;
padding-top: 40px;
}
#contenido3 {
height: 400px;
width: 740px;
background-image: url(campamentos_ingles_verano.jpg);
background-repeat: no-repeat;
background-position: left top;
background-color: #deebf1;
}

Félix