Capa que "se coloca" donde no debe

[pzin]

Hola a todos.

Tengo esto...

Código HTML:

#capa1 {
 width: 490px;
 float: left;
}
#capa2 {
 margin-left: 500px;
}

En Firefox se ve perfecto, como tiene que ser, pero en IE, capa2 se situa por debajo de capa1. ¿Alguien sabe porqué?

[baccxus]

#capa1 {
width: 490px;
float: left;
margin-right: 10px;
}
#capa2 {
/* margin-left: 500px; Esto no va*/
float: left;
}

[pzin]

Gracias baccxus.