layout 的架構要調整一下
可以參考 bootstrap 的版型範例
http://twitter.github.com/bootstrap/getting-started.html#examples
以下的架構有幾個問題:

1. #wrap 和 %body 一樣包住了全部，這樣其實再多一個 #wrap 就沒有意義了  XD
2. 一般架構的 dom 都會用 class, 而不會用 id
3. 包住主要內容都會用 .container 或 .container-xxxx 裡面再去分 (例如 sidebar 等)
4. #header 的部分一般都會是 .navbar 或帶有 nav 的 class name, 除非最上面是不是 navigation 用的