Css Açılır Menüde Arrow iconu

Merhaba arkadaşlar, bir adet dikey açılır menüm var. Alt menüsü olan kategorilere arrow iconunu nasıl ekleyebilirim ?

Kullandığım kodlar bu şekilde

<style type="text/css">
	
	#smenu ul{
		margin:0;
		padding:0;
		list-style:none;
		width:150px;
		border-bottom:1px solid #000;
	}

	#smenu li{
		position:relative;
	}
	
	#smenu li ul{
		position:absolute;
		list-style:none;
		left:149px; 
		width:150px;
		display:none;
		top:0;
	}
	#smenu li a{
		display:block;
		text-decoration:none;
		background-color:#9CF;
		color:#000;
		font:bold 13px verdana;
		padding:5px;
		border:1px solid #000;
		border-bottom:0;
	}
	#smenu li a:hover{
		background-color:#012D58;
		color:#f0;
	}

	#smenu li:hover ul{
		display:block;
	}
</style>
<div id="smenu">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a>
	<ul>
		<li><a href="#">Tarihçemiz</a></li>
		<li><a href="#">Vizyonumuz</a></li>
	</ul>
</li>
<li><a href="#">Hizmetlerimiz</a></li>
<li><a href="#">Referanslarımız</a></li>

</ul>
</div>

<li><a href="#">Hakkımızda#IMG</a>
olarak ekleyebilirsiniz. Veya css before hakkında araştırma yapabilirsiniz. Mobilim

Şu işini görür hocam

http://jsbin.com/mukivuxe/1/edit?html,js,output