IE 7 me muestra un margen abajo y en Firefox ok.

[JuanKa]

Buenas tardes a todos, tengo un problema que me esta pasando y creo que es sencillo pero ya he puestos muchas tags o atributos a los estilos y nada.

El problema es que tengo dos divs horizontales y ambos tienen que sumar 770px

Código HTML:

<div id="divCabeceraTopIzquierda">
            Hola
</div><!-- fin de divCabeceraTopIzquierda -->
            
<div id="divCabeceraTopDerecha">
   <img src="img/cabecera_top_derecha.jpg" width="270" height="47" border="0" />
  </div><!-- fin de divCabeceraTopDerecha --> 

CSS

Código HTML:

  #divCabeceraTopIzquierda{
        background  : #FFF url(../img/cabecera_top_izquierda.jpg) repeat-x;    
        width:500px;
        float:left;
        height:47px;
        margin: 0px;
        padding: 0px;  
        border:1px solid #CCC;      
    }
    #divCabeceraTopDerecha{
        width:270px;
        float:left;
        margin: 0px;
        padding: 0px;
        background-color: #C0CC0C;
        height:47px;        
        border:1px solid #CCC;              
        
    }

y debajo del div divCabeceraTopDerecha me pone un margen color verde y esto es lo que no quiero, puesto que debajo de estos divs van a ir otros divs, en otras palabras el div debe tener el ancho y alto de la imagen, pero me muestra una linea de color verde como explique anteriormente.

Como se podria solucionar esto ya que el div de la izquierda me sale bien, pero el de la derecha no.

He puesto display:inline; y otros valores mas y nada.

Espero que me puedan ayudar

Saludos

[Mikmoro]

Si quieres que sumen 770px, recuerda que según la recomendación de css, una caja debe medir su width + el borde + el padding, por lo que caja de la derecha mide realmente 272px por el borde de 1px a cada lado, y la otra 502px.

En explorer es justamente al revés.

Mikel.

[JuanKa]

Hola Mikmoro, tienes razon pero he quitado:

border:1px solid #CCC;
y me sigue saliendo el margen verde en el segundo div.

Que estoy haciendo mal que me esta saliendo ese margen verde abajo del div.

Gracias

[Mikmoro]

Es algo que tiene que ver con alguna otra parte de tu código o tu Doctype.

Mira tu código puesto sin ninguna modificación más que las imágenes:

http://www.araudi.net/forosdelweb/juanka.html

Mikel.