Yesterday I started doing layouts with floating divs & wanted to confirm i've done it right. At first I did div {display: block; float: left} but I found that my website wasn't centering horizontally even though I had it in a container to do so. After fiddling around I thought maybe because I told all divs to float left that maybe my container despite it's styles was being affected to. So I removed float left from div and just put it in each div I wanted to float left. It SEEMS to have fixed the problem but I wanted you guys to tell me if I did it right. I added a black border to my container div and I noticed it doesn't even go around my layout which I thought it was supposed to?

http://home.cogeco.ca/~kjervis/centertest/
http://home.cogeco.ca/~kjervis/centertest/custom.css

I was also wondering if their's a sure fire method of centering vertically for all browsers?

'Page not found'