jose8luis No se donde lo habrás probado pero así no se soluciona el problema
tranquilamente puede poner los estilos sin anidar como le dijiste. Es muy bueno anidar, pero no es indispensable.
Wazz si te fijas en tu CSS, tus valores tienen separado el "px" del número.. eso afecta, lo reconoce como dos cosas diferentes y no aplica la propiedad. En lugar de "100 px" tenes que poner "100px".. siempre pegado al número.
Otro error que veo, el color de "#todo" tiene un numeral adelante (O símbolo de gato, no se como le dicen en otros países.. "#"). Cuando uses colores hexadecimales, coloca el símbolo, pero si usas el nombre del color ese símbolo no va, nunca se va a aplicar el color.
De paso, un consejo.. cuando flotes elementos, a su contenedor asignale la propiedad overflow con valor hidden, sino vas a tener problemas. Lo vas a poder comprobar cuando soluciones lo del color, borrale el "#" a "#blue" y vas a ver que el contenedor es una linea gruesa y los divs que contiene se desbordan. Con overflow:hidden; se soluciona.
Saludos
