[ Vertical Centering for Menus ]

Derived from Bruno Fassino's Vertical Centering

• Item #1
• A really loooonnng menu item #2
• Item #3
• This menu item is long enough to go over several lines at normal font size
• Item #4
• Item #5

/* !!!! Vertical Centering !!!!*/
/* (based on work by Bruno Fassino (http://www.brunildo.org/test/img_center.html) */
#navigation li {
  display: table;
  width: 100%;
}

#navigation a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 5em;
  padding: 0.5em 0;
}

/* IE Mac only \*//*/
#navigation a {
  display: block;
}

#navigation a i {
  display: inline-block;
  height: 100%;
  width: 1px;
}
/* end */

/* IE Win, not Mac \*/
* html #navigation a { display: block; }
* html #navigation b, * html #navigation i { display: inline-block; vertical-align: middle; zoom:1; }
* html #navigation a b, * html #navigation a i { cursor: pointer; }
* html #navigation i { height: 100%; width: 1px; margin-left: -1px; background: yellow; }
/* end */

/* !!!! end Vertical Centering !!!! */