Высота боковой панели 100% с использованием CSS (с липким нижним изображением)? ⇐ Html

[Anonymous]

Я часами стучал головой о стену, пытаясь выяснить эту проблему, и думаю, что это должно быть что -то маленькое, что мне не хватает. Я искал онлайн, но ничего, что я нашел, не работает. HTML: < /p>






Web Links:

• 
  
  
• 
  
  
• 
  
  

• Nav
• Nav
• Nav
• Nav
• Nav
• Nav

< /code>

Мой полный CSS: < /p>

* {
margin: 0px;
padding: 0px;
}

body {
font-family: Calibri, Sans-Serif;
height: 100%;
}

#header {
width: 100%;
z-index: 1;
height: 340px;
background-image: url("../../Content/images/bannercenter.gif");
background-repeat: repeat-x;
}

#header #bannerleft {
float: left;
background-image: url("../../Content/images/bannerleft.gif");
background-repeat: no-repeat;
height: 340px;
width: 439px;
z-index: 2;
}

#bannerright {
float: right;
background-image: url("../../Content/images/bannerright.gif");
background-repeat: no-repeat;
width: 382px;
height: 340px;
background-color: White;
z-index: 2;
}

#Sidebar {
width: 180px;
background: url("../../Content/images/Sidebar.png") repeat-y;
z-index: 2;
height: 100%;
position: absolute;
}

#SidebarBottom {
margin-left: 33px;
height: 100%;
background: url("../../Content/images/SidebarImage.png") no-repeat bottom;
}

#NavigationContainer {
position: absolute;
top: 350px;
width: 100%;
background-color: #bbc4c3;
height: 29px;
z-index: 1;
left: 0px;
}

#Navigation {
margin-left: 190px;
font-family: Calibri, Sans-Serif;
}

#Navigation li {
float: left;
list-style: none;
padding-right: 3%;
padding-top: 6px;
font-size: 100%;
}

#Navigation a:link, a:active, a:visited {
color: #012235;
text-decoration: none;
font-weight: 500;
}

#Navigation a:hover {
color: White;
}

#WebLinks {
float: right;
color: #00324b;
margin-top: 50px;
width: 375px;
}

#WebLinks span {
float: left;
margin-right: 7px;
margin-left: 21px;
font-size: 10pt;
margin-top: 8px;
font-family: Helvetica;
}

#WebLinks ul li {
float: left;
padding-right: 7px;
list-style: none;
}

#WebLinks ul li a {
text-decoration: none;
font-size: 8pt;
color: #00324b;
font-weight: normal;
}

#WebLinks ul li a img {
border-style: none;
}

#WebLinks ul li a:hover {
color: #bcc5c4;
}
< /code>

Я бы хотел, чтобы боковая панель растягивалась по высоте с содержанием моей страницы и оставлял нижнее изображение боковой панели всегда в нижней части боковой панели.

Подробнее здесь: https://stackoverflow.com/questions/791 ... ttom-image