Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #183

My submenus are not lining up correctly in Safari. When I mouse over a menu, the sub-menu positions itself too low. Is there a workaround?

The Answer

Prepared Apr. 2006 by Al Sparber, PVII

This is caused by a Safari rendering bug. Here is a workaround:

Look for these rules in your menu style sheet:

#p7PMnav .p7PMhide {
left: -9000px;
border: 0;
}

#p7PMnav .p7PMshow {
left: auto;
z-index: 20000 !important;
}

Add a top property to the bottom of each rule, as follows:

#p7PMnav .p7PMhide {
left: -9000px;
border: 0;
top: 0;
}

#p7PMnav .p7PMshow {
left: auto;
z-index: 20000 !important;
top: auto;
}

This will force Safari to recalculate the document object. The bug is the result of programming shortcuts taken by Apple to make Safari seem faster than it really is. Not all versions of Safari are affected.

Back to the questions list