Я создал несколько веб-сайтов, и теперь у меня проблема новичка, которая сводит меня с ума ...

Вот мой код:

    

        
Heading 1
    
 
    
 

    

        
Here goes the main menu
    
 
    
 

    

    
 

А вот мой CSS

Сначала у меня есть шаблон сброса CSS отсюда: http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css

, а затем в другом файле:

body, html {
    font: 10pt Verdana,Arial,sans-serif;
    background: #fff;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #333;
}
div {
    line-height: 1.4em;
}
#page {

}
#page_wrapper {

}
#main_menu {

}
#left {

}
div.clear_both {
    margin: 0;
    padding: 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    clear: both;
}

А по ссылке ниже есть скриншот изображения, на котором вы можете видеть результат ... (я работаю на локальном сервере)

Между тегами div есть необъяснимое пространство. Я НЕ МОГУ УДАЛИТЬ ЭТО, и это сводит меня с ума ... пожалуйста, кто-нибудь скажет мне, как удалить Это? Я попытался добавить отрицательное верхнее поле, но, судя по моему предыдущему опыту, это не решение ... обычно достаточно было установить поля и отступы на 0 ... как-то теперь все по-другому: S

Необъяснимое пространство DIV