pagina web se desencuadra en mozilla firefox

[capito22]

hola a todos quiero pedirles su ayuda porfavor a todas las almas generosas de esta comunidad que este problema me supera
les cuento mi web se desencuadra en moxilla firefox no asi en ningun otro navegador
que sera habra que agregar algun codigo?

les dejos un print la web es www.leayudamos.cl y los avisos destacados en ves de salir al lado salen abajo me tiene loco este problema.

Gracias a todos

Código HTML:

<h3 style="font-size: 12px">SERVICIOS DESTACADOS:</h3>
<div class="right_articles">
<p><img style="width: 63px; height: 67px" class="image" title="" alt="" width="63" height="67" src="image/wpThumbnails/portada10_346x461.jpg" /><strong><a title="" href="disfraces.html">Disfraces Muchos Modelos</a></strong><br />
TENEMOS GRAN VARIEDAD DE DISFRACES CONSULTA POR EL TUYO&nbsp;<a title="" href="disfraces.html"><strong>ACA</strong></a><strong>!!!</strong>.</p></div>
<div class="right_articles">
<p><img style="width: 64px; height: 60px" class="image" title="Image" alt="Image" width="64" height="60" src="image/portada.jpg" /><strong><a title="" href="electicista.html">Mantenciones de aire acondicionado</a><br />
</strong>REPARACIONES DE:&nbsp;ENCHUFER, EMPALMES, CIRCUITOS, CABLEADO ETC . <a title="" href="electicista.html"><strong>ACA</strong></a><strong>!!!</strong> </p></div>
<div class="right_articles">
<p><img style="width: 69px; height: 57px" class="image" title="" alt="" width="69" height="57" src="image/portada3.jpg" /><strong><a title="" href="cajas.html">Fabrica de Cajas de Carton</a><br />
</strong>FABRICA DE CAJAS DE CARTÓN PIEDRA FORRADAS, EN DIFERENTES TAMAÑOS. <a title="" href="cajas.html"><strong>ACA</strong></a><strong>!!!</strong> </p></div>
<div class="right_articles">
<p><img style="width: 64px; height: 60px" class="image" title="" alt="" width="64" height="60" src="6.jpg" /><strong><a title="" href="vestidohuasa.html">Disfraces Y Vestidos de Husa.</a><br />
</strong>DISFRACES Y VESTIDOS DE HUASAS</p>
<p>VARIOS MODELOS ROPA DE GUAGUA. <a href="vestidohuasa.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 64px; height: 62px" class="image" title="" alt="" width="64" height="62" src="image/wpThumbnails/rosalinda_144x144.jpg" /><strong><a title="" href="rosalinda.html">Floreria Rosalinda.</a><br />
</strong>PIDE TUS FLORES A DOMICILIO EN: <a href="rosalinda.html"><strong>Aca</strong></a>.</p>
<p>&nbsp;</p></div>
<div class="right_articles">
<p><img class="image" title="" alt="" width="80" height="60" src="image/wpThumbnails/portada8_512x384.jpg" /><strong><a title="" href="edificio.html">Tazones personalizados</a><br />
</strong>&nbsp;ESTAMPAMOS TUS DISEÑOS,&nbsp;FOTOS, DIBUJOS TODO LO QUE IMAGINES .&nbsp;<a href="tazones.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 68px; height: 60px" class="image" title="" alt="" width="68" height="60" src="image/portada8.JPG" /><strong><a title="" href="constructora.html">Constructora Requiere Personal.</a><br />
&nbsp;</strong>SE REQUIERE PERSONAL CON ESTUDIOS DE REFRIGERACION. <a href="constructora.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 62px; height: 62px" class="image" title="" alt="" width="62" height="62" src="image/wpThumbnails/potada6.jpg" /><strong><a title="" href="alpaca.html">PRENDAS EN ALPACA Y ALGODÓN.</a><br />
</strong>ALPACA PRODUCIMOS Y COMERCIALIZAMOS PEDIDOS AL POR MAYOR Y MENOR.&nbsp; <a href="alpaca.html"><strong>Aca</strong></a>.</p></div>
<div class="right_articles">
<p><img style="width: 68px; height: 66px" class="image" title="" alt="" width="68" height="66" src="image/wpThumbnails/portada12_867x1300.jpg" /><strong><a title="" href="herramientas.html">HERRAMIENTAS EN BRONCE.</a><br />
</strong>EXCLUSIVAS HERRAMIENTAS EN BRONCE CONSULTA POR LA QUE NECESITAS. <a href="herramientas.html"><strong>Aca</strong></a>.</p></div>
<div class="notice"> 

[santris]

hola,

Probablemente se trata de un problema de espacio, el lateral + el centro tienen más amplitud que el contenedor ej:

Código:

#cont{width:1000px}
#left{width:200px; float:left; padding:10px}
#center{width:800px; float:right; padding:10px}

Aunque el width es 800 + 200 = 1000; al aplicarle el padding:10px a ambas cajas nos desborda el contenedor.

Pero mejor pega el .css donde se encuentra la clase class="right_articles"

saludos,

[capito22]

@santris gracias por el apoyo Aqui va el .css espero encuentren algo

Saludos

Código HTML:

/* right side
   ---------- */
        
.right {
    float: right;
    width: 340px;
    margin: 0 0 10px 0;
}
    .right h3 {
        background: #BDBDBD  url(images/h3bg.gif) no-repeat center right;
        color: #FFF;
        padding: 8px 0 8px 5px;
        font: bold 1em Tahoma, Arial, Sans-Serif;
        margin: 0 0 3px 0;
    }
    .right_articles {
        background: #f5f5f5;
        color: #414141;
        padding: 8px;   
        margin: 0 0 3px 0;
    }
    .notice {
        background: #eee;
        color: #808080;
        padding: 12px 8px;  
        margin: 0 0 3px 0;
    }
    .image {
        float: left;
        margin: 0 9px 3px 0;
    }
 
/* footer
   ------ */
 

[santris]

falta más código .css,

Puedes probar modificando el ancho del .right. Ve bajando el width: 340px; a 300 y pruebas a 280 y pruebas etc...

.right {
float: right;
width: 340px;
margin: 0 0 10px 0;
}