£<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<style type="text/css">  

  *{margin:0;padding:0;}  

   .menu{font-size:14px;position:relative;z-index:100;}  

  .menu ul{list-style:none;}  

  .menu li {float:left;position:relative;}  

   .menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;}  

   .menu table {position:absolute; top:0; left:0;}  

  .menu ul li:hover ul,  

   .menu ul a:hover ul{visibility:visible;}  

  .menu a{display:block;border:1px solid #aaa;background:#990000;padding:2px 10px;margin:3px;color:#990000;text-decoration:none;}  

  .menu a:hover{background:#ffeeee;color:#990000;border:0px;}  

  .menu ul ul{}  

  .menu ul ul li {clear:both;text-align:left;font-size:14px;}  

  .menu ul ul li a{display:block;width:100px;height:16px;margin:0;border-right:1px solid #111;border-bottom:1px solid #990000;}  

  .menu ul ul li a:hover{border-left:1px;#990000;background:#ffeeee;border-bottom:1px solid #990000;}  

</style>

<div class="menu">

<ul>  

<li><a href="">ҳ

            <!--[if IE 7]><!--></a><!--<![endif]-->  

            <!--[if lte IE 6]><table><tr><td><![endif]-->  

    <ul>  

        <li><a href="">kaspersky</a></li> 

        <li><a href="">eMule</a></li> 

        <li><a href="">SEOŻ</a></li>

        <li><a href="">Z-BLOG</a></li>

        <li><a href="">·</a></li>

        <li><a href=""></a></li>

        <li><a href="">ժ</a></li>

        <li><a href="">־</a></li>

    </ul>  

             <!--[if lte IE 6]></td></tr></table></a><![endif]-->  

</li>

<li><a href="">Դ  

             <!--[if IE 7]><!--></a><!--<![endif]-->  

             <!--[if lte IE 6]><table><tr><td><![endif]-->    

     <ul>  

        <li><a href="">ITԴ</a></li>

        <li><a href="">kaspersky</a></li>

        <li><a href="">SEOŻ</a></li>

        <li><a href="">GOOGLE</a></li>

        <li><a href="">FIREFOX</a></li>

        <li><a href="">eMule</a></li>

     </ul>  

             <!--[if lte IE 6]></td></tr></table></a><![endif]-->  

</li> 

<li><a href=""> WEB2.0

                  <!--[if IE 7]><!--></a><!--<![endif]-->

             <!--[if lte IE 6]><table><tr><td><![endif]-->

     <ul>

        <li><a href="#">Դ</a></li>

        <li><a href="#">LOGO</a></li>

        <li><a href="#">CSS</a></li>

        <li><a href="#">Z-BLOG</a></li>

        <li><a href="#">WORDPRESS</a></li>

     </ul>

             <!--[if lte IE 6]></td></tr></table></a><![endif]--> 

</li> 

<li><a href="">Ϸ  

              <!--[if IE 7]><!--></a><!--<![endif]-->  

              <!--[if lte IE 6]><table><tr><td><![endif]-->  

     <ul>  

            <li><a href="">·</a></li>

            <li><a href=""></a></li>

            <li><a href="">Ӱ</a></li>

     </ul>  

            <!--[if lte IE 6]></td></tr></table></a><![endif]-->  

</li>

<li><a href="">ժ</a></li>

<li><a href="">

              <!--[if IE 7]><!--></a><!--<![endif]-->  

              <!--[if lte IE 6]><table><tr><td><![endif]-->  

     <ul>  

            <li><a href="">Ž</a></li>

            <li><a href=""></a></li>

    </ul>  

              <!--[if lte IE 6]></td></tr></table></a><![endif]-->  

</li> 

        </ul>

</div>
