Ayuda por favor

Estoy aprendiendo con comocreartuweb y estoy experimentando con "Ejemplo con Divs"
en el apartado "Mas sobre capas" y cuando llego a la lección "Aplicando Float" las pruebas que
dan en este apartado me dan bien en HTML-kit y si abro el archivo html en Explore y en Opera,
pero si lo abro en google Chrome cambia el resultado y muy feo.
Alguien me puede explicar porque y como remediarlo.

La razòn es una que debieras saber como futuro diseñador web...
Cada uno de los navegadores interpreta el html de manera distinta, esto puede ser inperceptible o muy perceptible...
tienes que investigar sobre los prefijos para cada navegador, de forma que cuando escribes un codigo
puedas controlar como se ve en cada navegador...

Te dejo unas paginas web donde podras encontrar informacion sobre esto...
http://www.taringa.net/posts/info/15341858/Los-prefijos-de-CSS-en-l…
http://www.aprenderaprogramar.com/index.php?option=com_content&view…
http://sergi.perpina.net/2013/04/prefijos-en-css.html

Un Ejemplo de Uso:
.micapa{

-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}

Puedes crear una capa con la clase .micapa y probar como se mira en cada navegador.
Saludos