[MDM]

Сообщение от dar #middle:after { content: '.'; Что делает эта точка !???? display: block; clear: both; visibility: hidden; height: 0;}

google: css after content
htmlbook.ru

Не знаю, кто это писал, но на первый взгляд выглядит абсурдно.
Как бы то ни было, точка здесь - всего лишь текст. Она ничего не делает.

Сообщение от dar height: auto !important; Что в данном случае импортируется и откуда !???

google: css important
htmlbook.ru

Сообщение от dar <!--[if lte IE 7]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen" /><![endif]-->

Условный комментарий. Имеет значение только для IE. Для остальных браузеров это обычный комментарий и они его не читают.
В приведенном случае дополнительные стили подгрузятся только в IE версий 7 и более старых.
google: html комментарий
google: css ie хак

dar, а самому сложно было Google почитать?