Проблема с навигационным полем

Question

Я работаю над веб-сайтом, и у меня возникают проблемы с левой навигацией. Как вы можете видеть здесь http://animactions.ca/test/Desktop/ левое меню навигации не идет в нижнее положение, оно останавливается после содержимого. Мне нужно, чтобы он остановился в нижней части страницы.

Вот CSS:

/* CSS layout */ 
body { 

    margin: 0; 
    padding: 0; 
} 

#masthead { 
} 

#top_nav { 

    width: 700px; 
    background-color: #DDDDDD; 
    margin-right: auto; 
    margin-left: auto; 

} 

#container { 

    width: 700px; 
    margin-right: auto; 
    margin-left: auto; 
} 

#left_col { 
    width: 95px; 
    float: left; 
    background-color: #B79F63; 
    border-right: 5px solid #976F43; 
} 

#page_content { 

    width: 600px; 
    float: right; 
    background-color: #D2C388; 

} 

#footer { 

    clear: both; 
    width: 700px; 
    text-align: center; 
    background-color: #E0E0E0; 
    margin-right: auto; 
    margin-left: auto; 

} 

Благодаря

Answer 1

Один из способов обойти это, чтобы создать фоновое изображение для DIV, содержащего навигацию и основной (в вашем коде это «контейнер»), который имитирует цвета фона и разделительные линии, которые вы хотите использовать для столбцов. Он может быть как можно меньше, чем 1px, но должен быть шириной контейнера и повторять страницу.

Answer 2

http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

http://www.cssnewbie.com/equal-height-columns-with-jquery/