Browser zoom affects positioning
===

so while coding my page, Ive run into a huge road bump i cant seen to figure out. basically their are items on my page that are being displayed out of place depending on their zoom levels. in my case by default there positions are out of place. 

my website is [www.schoolpost.ca][1]

you can see it on this page the most: [Here][2]

if you change the zoom level on the browser you can see how things move in and out of their proper positions. 

so my question is how can i keep the positions the same regardless of the browsers zoom level?

also i will admit im very new at HTML, just started 2 weeks ago. so if their is huge flaws please be respectful : )

Schoolpost,

  [1]: http://www.schoolpost.ca
  [2]: http://schoolpost.ca/downloads/templates.html