Columnas en css que se descuadran en diferentes navegadores - Problema

[salvador86]

Hola tengo un dilema con mi diseño css de esta pagina http://www.laexpeditions.com/ las dos columnas de la parte derecha que llevan como titulo Calendario y Contactenos se ven diferente en los diferentes navegadores que tengo se ven descuadrado y eso que trate de medirlos bien los pixeles nada, tengo dreamweaver CS3 y no nme reporta ningún error pero no se ve bien este mi codigo de estas columnas, una contiene las dos en ella esta como fondo unas lineas que dan la apariencia de columna pero asi la medida sea exacta con coinciden con los cabezales, que me esta faltando. muchas gracias.

Código PHP:

  #cuerpo-home { 
    width:575px; 
    float:left; 
    color:#555555; 
    font-size:12px; 
    text-align:justify; 
    background: url(../estructura/est-calendario.gif) left; 
} 
#noticias, #inscribete{// este es el div de calendario  
    float:left; 
    text-align:justify; 
    color:#555555; 
} 
#noticias { 
    font-size:13px; 
    width:321px; 
    float: left; 
} 
#contactos, #tienda { 
    width:249px; 
    float:left; 
    font-family:"Comic Sans MS"; 
    color:#555555; 
    font-size:11px; 
}  
   

[baccxus]

Resolviendo puntualmente tu problema, deberás darle un margen de 3px y 2px a las divisiones #noticias y #contactos.

Sin embargo, como nota constructiva, creo que deberías prescindir de varias divisiones, tables, center y depurar un poco tu CSS.

Saludos

Código:

#noticias {margin-left: 2px;}
#contactos {margin-left: 3px;}

[salvador86]

Hola gracias por tu respuesta, lo tomare en cuenta, me supongo que debo depurar o aumentar codigo, según creo esta bien quisiera saber que, porque creo q aumentando margenes seria poner como un parche.