Тяжело пытаюсь освоить css (сложнее чем Mysql и PHP). Сделал горизонтальный список/меню, но при "свернуть окно" получается ерунда.

Когда ты делаешь макет под резиновый дизайн то, что происходит с меню - нормально. Определись с минимальной шириной шаблона ( есть такое свойство min-wight: 980px; в твоем случае для body), для элементов li в твоем меню то же задай ширину. То есть если минимальная ширина шаблона 1000px, а ты предполагаешь, что у тебя будет 10 элементов меню, то нужно задать ширину для li 100px ( #menu li {width: 100px;}).По ссылке выше достаточно убрать свойство (margin-left: 2em;), что бы меню отображалось нормально.
Очень рекомендую НЕ ИСПОЛЬЗОВАТЬ РЕЗИНОВЫЕ ШАБЛОНЫ, если ты плохо изучил css. Старайся работать с фиксированной шириной, там все проще. Если же у тебя требования заказчика сделать резину, ищи в сети готовые варианты.  

Делаю шапку сайта, но опять возникают проблемы prostolog.ru/site/, когда нажимаешь "свернуть окно" и сужаешь окно, то правая часть страницы вылетает под div левой части. Есть пример с уже готового сайта www.slaff.net/ . Там сужаешь, и все нормально. 
Еще один вопросик меню у сайта примера отступает от левого края, пробовал сделать также через margin-left, но опять, когда "свернуть окно" эти отступы не пропадают, как в примере www.slaff.net/
Что это за фишка такая?