TEST PAGE URL: www.nickandkim.net/tampa.html

You can see what I am trying to get working by viewing the URL above and seeing what is intented under the dropdown 'Search Homes' / 'Search By Map. I would like them to fly out from the first level drop downs. The CSS code is below. Any help would be GREATLY appreciated!


.topmenuul{list-style-type:none; margin:0; padding:0; color: #FFFFFF;}
.topmenuli{list-style-type:none; float:left; width:auto; color: #FFFFFF;}
.topmenutitle{display:block; width:auto; color: #FFFFFF;}
.submenuul{list-style-type:none; position:absolute; margin: 0; padding:0; display:none;}
.submenuli a{display:block; width:150px;}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;
}

#dmenu li>ul {top: auto; left: auto;}

#content {
clear: left;

}
/* menu design */

#dmenu {
font-family: Arial, Helvetica, Sans-Serif;
font-size:13px;
font-weight: bold
padding:5;
color: #FFFFFF;
}

.topmenuul {

}

.topmenutitle {
text-indent:0px;
text-decoration: none;
font-weight: bold
color: #FFFFFF;
border:0px solid #000000;
padding:0px;
line-height:18px;
}

.submenuul {
margin-top:-1px;
background-color:#FFFFFF;
background-position: top left;
background-repeat: repeat-x;
border-top:2px solid #CF0C1D;
border-bottom:2px solid #CF0C1D;
border-right:2px solid #CF0C1D;
border-left:2px solid #CF0C1D;

}

.submenuli a{
padding:3px;
text-decoration: none;
color: #FFFFFF;

}

.submenuli a:hover{
text-decoration: none;
background:#CF0C1D;
color: #FFFFFF;
}

.suckertreemenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}