texto e imagenes se baja

[juanpro]

hola amigos un saludo muy cordial a toda la gente de la comunidad FDW,

Mi problema es el siguiente en una pagina tengo por asi decirlo 2 columnas una derecha otra izquierda en la izquierda hay textos e imagenes y en la derecha hay un formulario, un pequeno buscador, el problema esta en que cuando pongo elementos en la columna derecha los textos e imagenes se bajan del lado izquierdo, y eso solo me pasas en Firefox, aqui les dejo la direccion.

http://www.peruplaceguide.com/web/food-drinks.html

Muy agradecido de antemano, espero su ayuda por favor

Gracias

[juanpro]

Aguien que me de una sugerencia le estare muy agradecido

[Mikmoro]

Supongo que se debe a que tienes puesto un clear right en esa caja:

.detalle-food-drinks {
border-bottom:1px solid #252525;
clear:right;
height:auto;
margin-bottom:10px;
padding-bottom:20px;
padding-top:12px;
width:629px;
}

P.D.: no seas tan impaciente.

[juanpro]

Gracias Mikmoro, sorry

[RonaldNet]

lo que te recomiento (por si no lo hiciste) es dejar en cero todos los margenes de tu html usando css, de está forma:

Código codigo css:

html, body, ul, img, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
 

[jomaruro]

Iniciado por RonaldNet

lo que te recomiento (por si no lo hiciste) es dejar en cero todos los margenes de tu html usando css, de está forma:

Código codigo css:

html, body, ul, img, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
 

Hola:

O lo que es lo mismo:

Código:

* {
      border:0;
      margin:0;
      padding:0;
}

Saludos.

[talmente]

Pueba esto:

.caja-banner-grande{
width: 980px;
height: 124;
margin: 60px 0px 0px 10px;
margin-bottom: 20px;
float: left;
}