View Single Post
Old 01-27-2011, 06:03 PM   #2
charlescpulliam
 
Join Date: Jan 2011
Posts: 8
Default

Here is the code for my problem with the submenu opening ontop of the menu:

Code:
ul.MenuBarHorizontal
{
 margin: 0;
 padding: 0;
 font-size: x-large;
 cursor: default;
 width: auto;
 list-style-position: inherit;
}

ul.MenuBarActive
{
 z-index: 1000;
}

ul.MenuBarHorizontal li
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-size: small;
 position: relative;
 text-align: left;
 cursor: pointer;
 width: 13.5em;
 float: left;
 height: auto;
 color: #693;
 background-color: #000;
 font-family: "Times New Roman", Times, serif;
}

ul.MenuBarHorizontal ul
{
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-size: 100%;
 z-index: 1020;
 cursor: default;
 width: 8.2em;
 position: absolute;
 left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
 left: auto;
}

ul.MenuBarHorizontal ul li
{
 width: 13.5em;
}

ul.MenuBarHorizontal ul ul
{
 position: absolute;
 margin: -5% 0 0 95%;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
 left: auto;
 top: 0;
}
 
ul.MenuBarHorizontal ul
{
 border: 1px solid #CCC;
}

ul.MenuBarHorizontal a
{
 display: block;
 cursor: pointer;
 background-color: #333;
 padding: 0.0em 0em;
 color: #FFF;
 text-decoration: none;
}

ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
 background-color: #000;
 color: #FFF;
}

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
 background-color: #666;
 color: #FFF;
}
 
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
 background-image: url(SpryMenuBarDown.gif);
 background-repeat: no-repeat;
 background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
 background-image: url(SpryMenuBarRight.gif);
 background-repeat: no-repeat;
 background-position: 95% 50%;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
 background-image: url(SpryMenuBarDownHover.gif);
 background-repeat: no-repeat;
 background-position: 95% 50%;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
 background-image: url(SpryMenuBarRightHover.gif);
 background-repeat: no-repeat;
 background-position: 95% 50%;
}
 
ul.MenuBarHorizontal iframe
{
 position: absolute;
 z-index: 1010;
 filter:alpha(opacity:0.1);
}

@media screen, projection
{
 ul.MenuBarHorizontal li.MenuBarItemIE
 {
  display: inline;
  f\loat: left;
  background: #FFF;
 }
}
#menu {
 font-family: Times New Roman, Times, serif;
}

Last edited by Corrosive; 02-10-2011 at 02:48 PM.. Reason: wrapped code
charlescpulliam is offline   Reply With Quote