body, p, h1, h2, h3, h4, h5, h6, ul, li, form, table, div, span, p{
margin: 0;
padding: 0;
}

السلام عليكم ورحمنة الله
انا مبتدئة في التصميم
انا حصلت لدي نفس المشكلة بس لما تعلمت من الانترنت كيف اصمم بالدريم ويفر توجد طريقة layer
وهذه الطريقة ساعدتني كثيرا واستطعت بها ان اتخلص من المسافة الموجودة
يمكنك ان تستخدم هذه الطريقة او اكيد يوجد هنا بالموقع من هم خبرة ان شاء الله حيفيدوك
وهذا هو الرابط به فيديو يعلمك layer
http://www.learn2you.com/dreamweaver/level2/2-23.html

#wrapper {
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    border:0;
    width: 100%;
    background: url("/path/to/your/background_cols.gif") repeat;
}
 
#header {
    margin: 0 0 15px 0;
    background: yellow;
}
 
#side-a {
    float: left;
    width: 20%;
margin: 0px auto;
}
 
#side-b {
    float: right;
    width: 20%;
margin: 0px auto;
}
 
#content { 
    float: left;
    width: 60%;
margin: 0px auto;
}
 
#footer {
    clear: both;
    background: #A2A2A2;
margin: 0px auto;
}

المشكلة لديك وهي انك لم تجعل ال ازاحة = 0 فالازاحة الموجودة تلقائياً في المتصفح اكبر من صفر