Css 带有下拉菜单的图像按钮

我一直在尝试在“profile”图像按钮上方的鼠标上设置一个下拉菜单。 通过仅使用css，这就是我实现的目标

我还为none添加了文本装饰，但下划线仍然存在

我也尝试过使用javascript，但它不适合我。 任何一个都有助于增强这一点吗

我的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>

你应该加上

#menu li a {
    text-decoration:none
}

---

尝试放置文本装饰：无；直接在标签上。至于其他东西，我不能提供太多帮助。是的，我试过了！谢谢你，汉克斯！我是否可以删除按钮和单词之间的空格？嗯，我不确定，您可以尝试将

边距顶部：0

和

填充顶部：0

设置到#菜单div，并将

边距底部：0

和

填充底部：0

设置到配置文件图像。我建议您使用firebug o chrome inspector测试不同的css（您可以动态更改它们：D）

#menu li a {
    text-decoration:none
}