ドロップダウンメニューの画像ボタン

Question

私は「プロファイル」画像ボタンのドロップダウンメニューoponマウスオーバーをしようとしています。 cssだけを使用して、これは私が達成したものです。

テキストの装飾もnoneに追加しましたが、下線はまだ存在しています。

また、私はJavaScriptを使用して試してみましたが、それは私のためにうまくdoes notの。 any1はこれを強化するのに役立ちますか？

私のhtmlコード：

<td class="header_button "> 
         <div id="menu"> 
         <ul id="Ul1"> 
           <li > 
           <asp:ImageButton runat="server" 
             ImageUrl="../img/Button/Profile.png" CssClass="profile_dropdown" 
             onclick="btnMyProfile_Click" /> 
           </li> 
           <li class="item" > 
           <a href="#">Edit Profile</a> 
           </li> 
           <li class="item"> 
           <a href="#">My Follow</a> 
           </li> 
           <li class="item"> 
           <a href="#">My Uploads</a> 
           </li> 
           <li class="item"> 
           <a href="#">My Child Profile</a> 
           </li> 
         </ul>    
         </div> 
       <div style="clear:both"></div> 
       </td> 

私のCSSコード：

.profile_dropdown 
{ 
height:75px; 
weight:75px; 
position:static; 

} 
#menu ul .item 
{ 
display: none; 
text-decoration: none; 
background: #222222 85% 55% no-repeat; 
font-family: 'Century Gothic'; 
font-size: large; 
font-weight: bold; 
color: #9FC54E; 
white-space: nowrap; 
} 
#menu ul:hover .item{display:block;} 
#menu{margin-top:-22px;position:fixed} 

Answer 1

テキスト装飾を入れ

#menu li a { 
    text-decoration:none 
}