Solution for Common Problems of "Drop Down Menu" for Blogger Blogspot Blog

In this tutorial we will talk about solution for most common issues and facts about "Drop Down Menus". Some Drop Down Menus not work properly in Internet Explorer as well as other problems are there, So i decide to solve some most common issues and facts.

Issue No.1
Question: Drop Down Menus not work properly in Internet Explorer, What to do ?
Ans: In my previous Tutorial to Make CSS Drop Down Menu for Blogger i added a string in CSS as given below to solve this problem.

---

z-index: 9999999 !important;

---

           "!important" is the only command recognized by Internet Explorer, and i found it as solution for this problem. Hope it could help you out.


Issue No.2
Question: My drop down menu is hidden behind my main wrapper or post page, What to do?
Ans: Well to solve this issue it took my whole one day :) . This issue is related with your template. And here is the solution given below:

1. Log in to Blogger

2. Go to Layout/Design > Edit HTML

3. Check "Expand Widget Templates"


4. Find (overflow: hidden;) string given below(sample image given below):

---

/* Tabs
----------------------------------------------- */
.tabs-outer {
  overflow: hidden;
  position: relative;
  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}

---

5. and Delete the line (overflow: hidden;) after that it will look like this:

---

/* Tabs
----------------------------------------------- */
.tabs-outer {
  position: relative;
  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll 0 0;
}

---

6. Press SAVE TEMPLATE, and you are done.
      Now your Drop Down Menu will not hide behind your main wrapper or post page.