angelitakbunckk
New Member
I have a menu that I have built that is currently working fine, I am trying to add sub menu items that appear when the mouse hovers over a menu item. Does anyone know how to do this? \[code\]<div id="menu"> <a href="http://stackoverflow.com/questions/15888828/#" >Home</a> <a href="http://stackoverflow.com/questions/15888828/#">Submit New Record</a> <a href="http://stackoverflow.com/questions/15888828/#">Sales by Salesperson</a> <a href="http://stackoverflow.com/questions/15888828/#">Total Sales</a> <a href="http://stackoverflow.com/questions/15888828/#" >Sales by Issue</a> <a href="http://stackoverflow.com/questions/15888828/#" >Sales by Ad Size</a> <a href="http://stackoverflow.com/questions/15888828/#" >Add New User</a> <a href="http://stackoverflow.com/questions/15888828/#">Edit Record</a> <a href="http://stackoverflow.com/questions/15888828/#">Logout</a> </div></center><style>#menu{background-color:#3F9AD1;height:75px;width:1206px;}#menu a{border-style:solid;border-width:2px;border-color:white;padding-top: 20px;float:left;display:block;width:130px;height:70px;text-decoration:none;color:white;text-align:center;font-family: Arial;/*box-shadow: 0 -7px 22px 6px #000000 inset;*/}#menu a:hover{ color:#3F9AD1; background-color:white;#html { height: 100%; margin-bottom: 0.01em;overflow-y: scroll;}</style>\[/code\]