Good morning vipercode,
You should check this with the validator. You have title and meta in the body of the document. You also re-use #main a lot.
Your .col's don't make three columns because you don't follow the box model.
See the box model here
. The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.
---An example of your box model being off:
header#main is 60em wide
In that you put 60em wide #logo PLUS 2px of borders.
You also don't clear your floats.
One handy thing about using
to clear floats
with is it will show you when your box model is off by giving you a scrollbar.