#searchnav {
position: relative;
float: left;
z-index:20000;
width: 18px;
}

#search-bg{
  width: 321px; height: 32px;  float: left;
  background: red;
}


ul#searchnav { /* all lists */
float: left;
padding: 0px;
margin: 0px;
list-style: none;
width: 18px;
}

li.sn { /* all list items */
	position: relative;
}

li ul.sn { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: -220px; /* affects IE pos */
    list-style: none;
	width: 220px
}

li.sn>ul.sn { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: -180px;  /* affects MOZ pos */
}

li:hover ul.sn, li.over ul.sn { /* lists nested under hovered list items */
	display: block;
        position: absolute;
	background: #ecffb3;
        color: #333;
        border: 1px solid #AAA;
        padding: 8px;
        z-index:2000;
        top: 25px;
}

.test {
 position: relative;
 display: block;
 clear: both;
 width: 180px;
 padding: 4px;
}

#searchInput {
 clear: left;
}

#searchtext {
background: #EEF0F0;
color: #06C;
font-size: 11px;
font-weight: bold;
position: relative;
top: 0px !important;
top: -3px; }

*+html #searchtext { 
/* fix IE7 position */
position: relative;
vertical-align: top;
padding-top: 3px;
}