EN IE se ve bien pero en firefox fatal

[miros84]

A ver. Un poco de logica. Por que no puedo poner un contenedor div dentro de otro.
El css del primero 1. es:
{
width:940px;
margin:auto
height:auto;
border:0px solid #808080;
padding:0px;
border:1px solid #808080;
margin-top:15px;
background-color:#2266FF;
}

Y del segundo 2. es:
#add1
{
width:500px;
margin:auto;
height:300px;
border:1px solid #666680;
padding:0px;
top: 3px;
float:left;
}
Yo pongo el segundo 2. dentro del primero 1.
El problema aparece al poner el float:left;
Como lo pongo a la isquierda si no es con float:left;
Alguien me podria un poco mas de luz sobre esto que lo veo un poco oscuro...