I solved the problem myself
Though if you want to explain something else for me. I have a website that has my nav bar etc at the top and then a wrapper around the content + sidebar + footer. For an unknown reason there is a gap between the two of about 10px. I looked through all the code + layout etc in firebug and the code itself and saw no issues. Then, Scott suggested I add a margin to the top of the content wrapper of -10px. It worked. Do you have any idea why?