In the file stylesheet_cat_menu.css change this:
Code:
ul.makeMenu li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
display: none; /* hides child menu blocks - one of the most important declarations */
position: absolute; /* make child blocks hover without leaving space for them */
top: 2px; /* position slightly lower than the parent menu item */
left: 157px; /* this must not be more than the width of the parent block, or the mouse will
have to move off the element to move between blocks, and the menu will close */
}
to this:
Code:
ul.makeMenu li > ul { /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
display: none; /* hides child menu blocks - one of the most important declarations */
position: absolute; /* make child blocks hover without leaving space for them */
top: 2px; /* position slightly lower than the parent menu item */
left: 170px; /* this must not be more than the width of the parent block, or the mouse will
have to move off the element to move between blocks, and the menu will close */
border:1px solid #000;
border-left:none;
}
I have been cheeky and added some borders too.
And think about upgrading to a more recent version of Zen for security and other reasons. You really should do this.
Bookmarks