Доброго времени суток!
На данный момент изучаю пхп на практике так сказать, ну и обкатываю код на шаблоне, который мной был скачан в сети, однако есть одна проблема, собственно она на скрине. Подскажите пожалуйчта по какой причине футер не едет вниз вместе с контентом?

[IMG]http://s010.radikal.ru/i313/1201/3f/d3bc08234c1c.jpg[/IMG]

вот код CSS:

[CSS] body {
color: #000; /* цвет текста на странице */
background: #fff; /* фон */
margin: 0; /* обнуление полей */
}
#header {
height: 100px; /* высота шапки */
background: #fc0; /* фон */
}
#menu {
width: 25%; /* ширина меню */
height: 100%; /* высота */
background: #0fc; /* фон */
float: left; /* всплытие влево */
}
#sidebar {
width: 20%; /* ширина сайдбара */
height: 100%; /* высота */
background: #c0f; /* фон */
float: right; /* всплытие вправо */
}
#content {
height: 100%; /* высота контента */
background: #eee; /* фон */
margin: 3% 21% 3% 26%; /* боковые поля */
}
#footer {
height: 50px; /* высота футера */
color: #fff; /* цвет текста */
background: #000; /* фон */
clear: both; /* прерывание обтекания */
}[/CSS]

а вот код индекса:


подключает модули такого вида: