I am trying to develop a web site from scratch. Here is the code\[code\]<html><head></head><body ><div id="top" style="height:200px;background-color:green"></div><div id="middle" style="height:800px;background-color:white"></div><div id="footer" style="height:200px;background-color:green"></div></body></html>\[/code\]Problem is that there is a white space around above div tags. I can remove white space using \[code\]margin: -10px;\[/code\] property. But I don't like to handle it that way. Is there way to handle this in decent way in css?