Google custom search engine result box appears under dropdown menu

[afs_spunky]

Hello,

 

I am using overlay search result box of topical Google custom search engine for my website (http://theoff.info/Ladakh-Tourism/Hotel-Homestay-Guesthouse.html) that has a dropdown menu.

 

I have given the highest z-index to .cse-overlay. But the menu overlaps with the CSE search result box. Here is the image showing the overlapping problem: Overlapping-Searchbox-Menu.jpg.

 

Could you help me in solving the z-index problem?

 

Thanks

[Ingolme]

You gave your #nav element a z-index of 999, you have to reduce that number or give the search results box a higher one.

 

Also notice that the z-index is only relative to the closest ancestor that has position "absolute," "relative," or "fixed." If the ancestor's z-index less than the z-index of the #nav element then it will still be behind. If you haven't set the z-index of the ancestor then its default value is zero.