<style type="text/css">

.sidebarmenu ul
{
margin:  0 ;
padding:  0 ;
list-style-type: none;
font: bold 14px Times new roman;
width: 230px; /* Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{position: relative;}

/* Top level menu links style */
.sidebarmenu ul li a
{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid # 778 ; /*расстояние и цвет между пунктами*/
border-right: 4px solid # 778 ;/*расстояние и цвет между меню и подменю*/
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active
{background-color: RGB( 18 , 28 , 75 ); /* фон меню */}

.sidebarmenu ul li a:visited{color: white;}

.sidebarmenu ul li a:hover{background-color: black;}

/* подменю из главного */
.sidebarmenu ul li ul
{
position: absolute;
width: 170px; /*Sub Menu Items width */
top:  0 ;
visibility: hidden;
}

/*не надо.sidebarmenu a.subfolderstyle
{background: url(right.gif) no-repeat 97% 50%;}
*/
 
/* чтоб пункты меню находились четко друг под другом \*/
* html .sidebarmenu ul li { float: left; height:  1 %; }
* html .sidebarmenu ul li a { height:  1 %; }
/* End */

</style>

<script type="text/javascript">

var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas

function initsidebarmenu()
{
	for (var i= 0 ; i<menuids.length; i++)
	{
	  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
	    for (var t= 0 ; t<ultags.length; t++)
	    {
	    	ultags[t].parentNode.getElementsByTagName("a")[ 0 ].className+=" subfolderstyle"
	  		if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
	   			ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
	  		else //else if this is a sub level submenu (ul)
			    ultags[t].style.left=ultags[t- 1 ].getElementsByTagName("a")[ 0 ].offsetWidth+"px" //position menu to the right of menu item that activated it
		    ultags[t].parentNode.onmouseover=function()
		    {this.getElementsByTagName("ul")[ 0 ].style.display="block"}
	    	ultags[t].parentNode.onmouseout=function()
	    	{this.getElementsByTagName("ul")[ 0 ].style.display="none"}
	    }
		for (var t=ultags.length- 1 ; t>- 1 ; t--)
		{ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
			  ultags[t].style.visibility="visible"
			  ultags[t].style.display="none"
		}
	}
}

if (window.addEventListener)
	window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
	window.attachEvent("onload", initsidebarmenu)
</script>

<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="#"> 111111 </a>
	  <ul>
	  <li><a href="ttt.htm"> 11 </a></li>    // показывается!
	  <li><a href="index.php"> 222 </a></li>  // НЕТ!!!!!!!!!!! потому что расширение файла на который ссылка НЕ htm!!!
	  </ul>
</li>
<li><a href="ttt.htm"> 777 </a></li>
</ul>
</div>