CSS floats funky

CSS floats funky

References

Reference NO 1

http://stackoverflow.com/questions/5414321/trouble-positioning-div-below-several-float-left-divs

Reference NO 2

http://stackoverflow.com/questions/15045091/funky-responsive-css

Reference NO 3

http://css-tricks.com/downloads/css-stuff/

Reference NO 4

http://designshack.net/articles/css/5-cool-css-hover-effects-you-can-copy-and-paste/

Reference NO 5

http://www.bennadel.com/blog/1174-Negative-CSS-Margins-Are-Not-Cool.htm

Reference NO 6

http://spyrestudios.com/css-in-depth-floats-positions/

Reference NO 7

http://www.webmasterworld.com/css/3472366.htm

Reference NO 8

http://css.maxdesign.com.au/listamatic/