menu dropdowm display problem

[Share]

After install the plugin, I found my blog menu cannot display sub-menu properlly. I cannot see the whole dropdown menu when mouse over, except the border top. Could you help to check and give me some advise?

blog: http://ActsMind.com/blog

— header.php I modified

---

:
</div>
<div id="container">
<div id="menu">
<?php if (function_exists(‘suckerfish’)) {suckerfish();} ?>
</div>

---

— style.css about menu section

---

/** menu **/
#menu ul {
position:absolute;
top: 10px;
left: 242px;
height: 18px;
width: 665px;
overflow:hidden;
margin:0px;
padding:0px;
}
#menu ul li {
display: inline;
font-size: 12px;
font-family: 微軟正黑體, Verdana,Arial;
font-weight: bold;
color:#000000;
}

#menu ul li a {
display: block;
float: left;
line-height: 16px;
color: #000000;
padding: 0px 8px 0px 8px;
margin:0px 8px 0 0 ;
text-decoration:none;
border: 1px #BB985F solid;
}

#menu ul li a:hover, #menu ul li.current_page_item a {
color:#ffffff;
background:#BB985F;
}

---

[Share]

I just solved it by delete the line "overflow:hidden " in style.css file. OK. I think it is good solution reference for such problem.

But I see an another problem that manu dropdown area are coverd by post area. I have to check style.ess more…

[imported_Ryan]

Your menu being below the post area is probably a z-index issue.

[Share]

Problem Solved!
Just to add one line "z-index:1000;" in styles.css about menu section where the multi-level-menu code involved. As below:

---

#menu ul {
        z-index:1000;    /** Add this line**/
position:absolute;
top: 10px;
left: 242px;
height: 18px;
width: 665px;
/** overflow:hidden;  –> deleted **/
margin:0px;
padding:0px;
}

---

Much thanks!

[imported_Ryan]

That is a common problem. Glad to hear you figured it out ” title=”Smiley” />

[Author]

Posts