<style>
.img_menu{
border: 0px;
height: 16px;
line-height: 16px;
vertical-align: middle;
}
.a_menu{
padding-top: 5px;
height: 16px;
line-height: 16px;
vertical-align: middle;
}
ul#sidebar {
font-size: 13px;
margin-bottom: 10px;
display: block;
}
ul#sidebar li {
padding-top: 5px;
margin-bottom: 10px;
display: block;
background: transparent url(./images/dots_horizontal.jpg) repeat-x top left;
}
ul#sidebar li a {
text-decoration:none;
}
ul#sidebar li a:hover {
text-decoration:underline;
}
.ui-layout-south{
color:#999999;
font-size: 12px;
}
</style>
<ul id="sidebar">
<li id="home">
<img src="images/045.png" border="0" class="img_menu"/>
<a href="index.php" class="a_menu">Home</a></li>
<li id="Menu1">
<img src="images/045.png" border="0" class="img_menu"/>
<a href="" class="a_menu">Menu1</a></li>
<li id="Menu2">
<img src="images/045.png" border="0" class="img_menu"/>
<a href="" class="a_menu">Menu2</a></li>
<li id="Menu3">
<img src="images/045.png" border="0" class="img_menu"/>
<a href="" class="a_menu">Menu3</a></li>
<li id="Menu4">
<img src="images/045.png" border="0" class="img_menu"/>
<a href="" class="a_menu">Menu4</a></li>
</ul>