ドロップダウンメニューを縦に変換する

私はCSSファイルのドロップダウンメニューを持っています。私はそれをVercticalメニューに変換したいと思いますが、私は誰も助けてください。私はそれを行うことができます。Folowingは私のCSSとhtml code.anyoneですまさに私が原因ドロップダウンメニューを縦に変換する

#sddmT 
{ margin: 0; 
    padding: 0; 
    z-index: 30} 

#sddmT li 
{ margin: 0; 
    padding: 0; 
    list-style: none; 
    float: left; 
    font: bold 11px arial} 

#sddmT li a 
{ display: block; 
    margin: 0 1px 0 0; 
    padding: 4px 10px; 
    width: 60px; 
    background: #4A617B; 
    color: White; 
    text-align: center; 
    text-decoration: none} 

#sddmT li a:hover 
{ background: #BDCFD6; 
    color:#4A617B 

    } 

#sddmT div 
{ position: absolute; 
    visibility: hidden; 
    margin: 0; 
    padding: 0; 
    background: #4A617B; 
    border: 1px solid #BDCFD6} 

    #sddmT div a 
    { position: relative; 
     display: block; 
     margin: 0; 
     padding: 5px 10px; 
     width: auto; 
     white-space: nowrap; 
     text-align: left; 
     text-decoration: none; 
     background: #4A617B; 
     color: #BDCFD6; 
     font: 11px arial} 

    #sddmT div a:hover 
    { background: #BDCFD6; 
     color: #4A617B}

、彼女を変換されていないメニューに欠けていたHTMLコード

<ul id="sddm"> 
    <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">ETP</a> 
     <div id="m1" onmouseover="mcancelclosetime()" onclick="mclosetime()"> 
     <a href="http://dashboard.shakarganj.com.pk/ca/sml1etp.php" target=_blank>ETP - Jhang</a> 
     <a href="http://dashboard.shakarganj.com.pk/ca/sml2etp.php" target=_blank>ETP - Bhone</a> 
     </div> 
     </li> 
    </ul>

そして、ここでは、CLOSに私のJSコードでされ、メニュー項目に

を開きます10

更新私はこれを試してみてください。この enter image description here