My CSS popup menus, left side, here:
www.geographicus.com
don't seem to work with the latest edition of explorer, but are good on all other browsers. We are using CSS to make it work, see code below. Can anyone offer advice as to what may be causing this?
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px; /* Width of Menu Items */
border-bottom: 0px;
}
ul li {
position: relative;
line-height: 100%;
z-index:10;
}
li ul {
position: absolute;
left: 149px; /* Set 1px less than menu width */
top: 0;
display: none;
width: 250px;
z-index:10;
}
/* Styles for Menu Items */
ul li a {
display: block;
text-decoration: none;
color: #000000;
background: transparent; /* IE6 Bug */
padding: 2px 3px;
border: 0px;
border-bottom: 0;
font-size: 13px;
font-weight: bold;
text-align: right;
z-index:10;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; z-index:10; }
* html ul li a { height: 1%; z-index:10; }
/* End */
ul li a:hover { color: #B00000; background: #f9f9f9; z-index:10; } /* Hover Styles */
li ul li a { border: 0px solid #ccc; padding: 2px 5px; background: #fffdfc; z-index:10; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; z-index:10; } /* The magic */
Reply With Quote
Bookmarks