<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.main
{
width:90px;
height:20px;
background-color:Red;
position:absolute;
cursor:pointer;
}
.main:hover
{
height:100px;
}
.submenu
{
display:none;
}
.main:hover .submenu
{
width:90px;
height:100px;
background-color:Red;
position:relative;
display:inline;
z-index:1000;
}
.submenu:hover
{
display:inline;
}
ul
{
list-style-type:none;
margin: 0;
padding: 0;
}
li
{
margin-left:auto;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="main">Menu
<div class="submenu">
<ul>
<li>
<asp:DropDownList ID="DropDownList1" runat="server" Width="90">
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
</asp:DropDownList>
</li>
<li><asp:DropDownList ID="DropDownList2" runat="server" Width="90">
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
</asp:DropDownList></li>
<li><asp:DropDownList ID="DropDownList3" runat="server" Width="90">
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
</asp:DropDownList></li>
</ul>
</div>
</div>
</form>
</body>
</html>