Some Problems and Solutions with the Floats

Please see this video offering a quick analysis of possible problems and solutions when dealing with floating elements. You also might see some of these solutions in the textbook from chapter 6 (parts on creating and clearing floats). If the quality of the video is insufficient then just download it and view locally.

Extra Material: CSS3 Transitions, Transforms, Animation

HTML5 and CSS3 made significant improvements in the way web pages are designed. With the advent of HTML5 and CSS3, web design has become much simpler, and the new features that are now available, help us design complex web pages with ease. These cool new features are a part of the expected features in the claimed HTML5 knowledge as a development platform, hence, it is important to learn about them now. HTML5 and CSS3 Transition, Transformation, and Animation will help you take advantage of the real power behind HTML5 and CSS3 and will give you a good grounding for using it in your own web pages. 

Helpful tutorials with examples that could be just repeated on your pages or modified to your liking (you already are supposed to have some orientation in CSS)

http://www.w3schools.com/css/css3_2dtransforms.asp
http://css3.bradshawenterprises.com/
https://www.youtube.com/watch?v=IVIcOfQNyAc

A more advanced comparison of transitions vs animations can be found here
http://jsbin.com   might be a good way of trying it out