ul#horiznav, #horiznav ul{/*remove the bullets from the dropdown ul as well*/
margin:0;
padding:0;
list-style-type:none;
height:50px;
 overflow:visible;
 width:100%;
 border-radius:4px;
}

#horiznav li{
float:left;
width:125px;
position:relative;/*set position:relative as the start point for absolutely positioning the dropdown*/
border-bottom-right-radius:4px;
 
}

#horiznav li a{
display:block;
width:auto;
line-height:25px;

text-align:left;
color:white;
text-decoration:none;
background-color:#FF005C;
border:1px solid #96B0E0;
padding:5px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
font-size:12px;
}

#horiznav li a:hover{
color:#333333;
}

#horiznav li ul{
display:none;/*hide the dropdown*/
position:absolute;/*position it absolutely..*/
left:0;/*...align the left edge with the left edge of the parent li...*/
top:32px;/*...and 32px down from the top - 30px height + 2px for the border*/
 
}

#horiznav li:hover ul {

display:block;/*display the ul when the parent li is hovered*/

}

#horiznav li ul a{
background-color:#FF005C;/*give the dropdown a different background colour*/
}