Advanced Search Dropdown goes under the Map

Hi, I’ve asked this question before and I was given the following CSS to try, but that didn’t work. What we need is the drop down to push everything down just like it does at window width 600px and lower. Can u plz help? Here is my site link:

http://innkeeper.devhtmlfive.com/
* Our advanced search drop-down will get even bigger due to a lot more customs fields.

The following CSS was given to me from support previously which didn’t work. The following is being used in the site above.
—————————————————————————————————–

.sd.home .featured-area .geodir-filter-container, .sd.sd-location .featured-area .geodir-filter-container {
width: 800px!important;
}

@media only screen and (max-width: 600px) {
.sd.home .featured-area .geodir-filter-container, .sd.sd-location .featured-area .geodir-filter-container {
position:relative!important;
max-width: 250px!important;
}
}

@media only screen and (max-width: 768px) {
.sd.home .featured-area .geodir-filter-container, .sd.sd-location .featured-area .geodir-filter-container {

width: 500px!important;
}
}
@media only screen and (max-width: 1024px) {
.sd.home .featured-area .geodir-filter-container, .sd.sd-location .featured-area .geodir-filter-container {

width: 500px!important;
}
}
——————————————————————————–
The attached image shows what I’m trying to describe. Plz, let me know. Thanx.

Moose