Instead of a top margin on the about div, put a bottom margin on the reel div. The reason is that because #reel is a float, its taken out of the document flow; #about’s margin is ‘lost’ beneath the #reel div (a margin larger than #reel’s height would show this). However, a float’s margin will push other elements.
Again, because #reel is a float, it’s removed from the document flow and #about’s box actually begins at the top of #reel (the float only displaces inline content).
So, is there a reason #reel is a float to begin with? If not, you could remove and the margin and border will work to your liking. Or, you could make #about a float as well and the margin and border would work between them, but may cause problems below #about.