Witajcie, mam ogromny problem.

Mam takie menu:

[HTML] pobierz, plaintext 
#left_menu {
	float: left;
	margin: 0 auto;
	background: url(gora.png) no-repeat;
	width: 225px;
}
 
#left_menu h1 {
	font: bold 105% Arial, Sans-Serif;
	color: #FFF;
	text-transform: uppercase; 
	margin: 15px auto;
	margin-bottom: 7px;
	text-align:center;
}
 
#left_menu ul {
	list-style: none;
	background: url(srodek.png) repeat;
	width: 223px;
	margin: 0 auto;
}
 
#left_menu ul li a{
	display:block;
	padding:5px 10px 5px 25px;
}
 
#left_menu ul li a:hover
{
	background-color:rgba(0,0,0,1.0)
}
[HTML] pobierz, plaintext 

Html:

[HTML] pobierz, plaintext 
<div id="left_menu">
				<h1>Gora</h1>
				<ul>
					<li><a href="#">Srodek #1</a></li>
					<li><a href="#">Srodek #2</a></li>
				<ul>
			</div>
[HTML] pobierz, plaintext 

Jest wszystko ok, ale chciałbym, by na samym dole również znajdował się obrazek jak kończący to menu, bo na górze mam, tam gdzie pisze <h1>Gora</h1> ale chciałbym jeszcze na dole, ale za cholerę nie mogę go zrobić, ktoś poradzi?

[PHP] pobierz, plaintext 
#left_menu ul li:last-child{
border-bottom: 1px solid black;
}
[PHP] pobierz, plaintext