.yui-menu .yui-menu {

position: absolute;

z-index: 1;

}

.yui-menu .yui-shim {

/*

Styles for the <iframe> shim used to prevent <select> elements from poking through

submenus in IE < 7. Note: For peformance, creation of the <iframe> shim for each submenu

is deferred until it is initially made visible by the user.

*/

position: absolute;

top: 0;

left: 0;

z-index: -1;

opacity: 0;

filter: alpha(opacity=0); /* For IE since it doesn't implement the CSS3 "opacity" property. */

border: none;

margin: 0;

padding: 0;

height: 100%;

width: 100%;

}

.yui-menu-hidden {

/*

Position hidden menus outside the viewport boundaries to prevent them from

triggering scrollbars on the viewport.

*/

top: -10000px;

left: -10000px;

/*

Using "visibility:hidden" over "display" none because:

1) As the "position" property for submenus is set to "absolute", they are out of

the document flow and take up no space. Therefore, from that perspective use of

"display:none" is redundant.

2) According to MSDN use of "display:none" is more expensive:

"Display is the more expensive of the two CSS properties, so if you are

making elements appear and disappear often, visibility will be faster."

(See http://msdn.microsoft.com/en-us/library/bb264005(VS.85).aspx)

*/

visibility: hidden;

}

.yui-menu li {

list-style-type: none;

}

.yui-menu ul,

.yui-menu li {

margin: 0;

padding: 0;

}

.yui-menu-label,

.yui-menuitem-content {

text-align: left;

white-space: nowrap;

display: block;

}

.yui-menu-horizontal li {

float: left;

width: auto;

}

.yui-menu-horizontal li li {

float: none;

}

.yui-menu-horizontal ul {

/*

Use of "zoom" sets the "hasLayout" property to "true" in IE (< 8). When "hasLayout" is

set to "true", an element can clear its floated descendents. For more:

http://msdn.microsoft.com/en-gb/library/ms533776(VS.85).aspx

*/

*zoom: 1;

}

.yui-menu-horizontal ul ul {

/*

No need to clear <ul>s of submenus of horizontal menus since <li>s of submenus

aren't floated.

*/

*zoom: normal;

}

.yui-menu-horizontal>.yui-menu-content>ul:after {

/* Self-clearing solution for Opera, Webkit, Gecko and IE > 7 */

content: "";

display: block;

clear: both;

line-height: 0;

font-size: 0;

visibility: hidden;

}

/*

The following two rules are for IE 7. Triggering "hasLayout" (via use of "zoom") prevents

first-tier submenus from hiding when the mouse is moving from an menu label in a root menu to

its corresponding submenu.

*/

.yui-menu-content {

*zoom: 1;

}

.yui-menu-hidden .yui-menu-content {

*zoom: normal;

}

/*

The following two rules are for IE 6 (Standards Mode and Quirks Mode) and IE 7 (Quirks Mode

only). Triggering "hasLayout" (via use of "zoom") fixes a bug in IE where mousing mousing off

the text node of menuitem or menu label will incorrectly trigger the mouseout event.

*/

.yui-menuitem-content,

.yui-menu-label {

_zoom: 1;

}

.yui-menu-hiden .yui-menuitem-content,

.yui-menu-hiden .yui-menu-label {

_zoom: normal;

}