Tekil Mesaj gösterimi - 5 saattir açılır menü yapamadım

Konu 5 saattir açılır menü yapamadım
25-06-2014, 01:42:23
<!DOCTYPE HTML>
<html lang="en-US">
<head>
   <meta charset="UTF-8">
   <title>Açılır Menü</title>
</head>
<body>
  
<style type="text/css">
*{margin: 0;    padding: 0;    border: 0;    outline: 0;    list-style:none; text-decoration:none;}
.acilir-menu{
    font-family: Arial, sans-serif;  font-weight: bold;  text-transform: uppercase;  margin: 0px;  padding: 5px 0 0 15px;  list-style-type: none;  background-color: #eee;  font-size: 13px;  height: 37px;  border-top: 2px solid #eee;
    }
  
.acilir-menu a{
    border-radius: 2px;  -moz-border-radius: 2px;  -webkit-border-radius: 2px;  background-color: #D6D9DB;  color: #3C4349;  display: inline-block;  font-size: 12px;  font-weight: bold;  padding: 8px 33px;  margin: 0 10px 0 0;  text-decoration: none;
    }
      
.acilir-menu a:hover{
    background:#0096FF; color: #fff;;
    }
  
  
  
.acilir-menu  li{
    width:auto;
    height:46px;
    float:left;
    position:relative;
    }
  
.acilir-menu  ul li ul{
    width: 229px;
    height:auto;
    float:left;
    position:absolute;
    top: 36px;
    left:1px;
    z-index:1;
    display:none;
    }
  
.acilir-menu  ul li ul a{
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   background-color: #D6D9DB;
   color: #3C4349;
   display: inline-block;
   font-size: 12px;
   font-weight: bold;
   padding: 8px 33px;
   text-decoration: none;
    width:163px;
      
      
   line-height: 18px;
      
    }
  
.acilir-menu  ul li ul li {
    height:30px;
    line-height:30px;
	margin-bottom:12px;
    }
  
  
  
.acilir-menu  li:hover >  ul{
    display: block;
    }
  
.acilir-menu  ul li ul li ul{
    width:180px;
    height:auto;
    float:left;
    position:absolute;
    top:0px;
    left:180px;
    z-index:1;
    display:none;
    }
</style>
  
<div class="acilir-menu">
    <ul id="menu">
       <li><a href="index.html">MENÜ 1</a>
             <ul>
                <li><a href="#">Açılır Menü</a></li>
                <li><a href="#">Açılır Menü</a></li>
                <li><a href="#">Açılır Menü</a></li>
                <li><a href="#">Açılır Menü</a></li>
            </ul>
        </li>
        <li><a href="#">MENÜ 2</a>
          <ul>
                <li><a href="#">Açılır Menü</a></li>
                <li><a href="#">Açılır Menü</a></li>
                <li><a href="#">Açılır Menü</a></li>
                <li><a href="#">Açılır Menü</a></li>
            </ul>
      </li>
    </ul>
</div>
    
</body>
</html>