PHPlayers problem with IE6
Posted: Sat Apr 23, 2005 1:24 pm
Hello
I have created a vertical menu with PHPlayers and it works fine in Mozilla (altho it looks better in IE due to way that css padding is handled). My problem is that using IE6.0, the submenus go crazy. Only the last item on the menu is visible. I suspect that the other items are stacked underneath it. The css is
Any ideas? the site is www.ccdressage.org.au
Cheers
psy
I have created a vertical menu with PHPlayers and it works fine in Mozilla (altho it looks better in IE due to way that css padding is handled). My problem is that using IE6.0, the submenus go crazy. Only the last item on the menu is visible. I suspect that the other items are stacked underneath it. The css is
Code: Select all
.verbar {
color: black;
/* background-color: #ccccff; */
margin-top : 10px;
}
.submenu {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
}
.subframe {
position: relative;
display: block;
border: 0px solid #64879d;
}
.item {
padding: 1px;
margin-left: 3px;
text-align: left;
white-space: nowrap;
height: 20px;
line-height: 25px;
}
.separator {
background-color: #ff0000;
border-top: 1px solid #9e9a91;
border-bottom: 1px solid #ffffff;
margin: 2px 1px 2px 1px; /* top right bottom left */
height: 0;
font-size: 1px;
line-height: 0;
}
.item a {
position: relative;
display: block;
text-decoration: none;
border: 1px solid #9e9a91;
background-color: #ccccff;
}
.item a:link {
color: #000000;
background-color: #ccccff;
text-decoration: none;
}
.item a:visited {
color: #000000;
background-color: #ccccff;
text-decoration: none;
}
.item a:hover {
color: #ffffff;
background-color: #FFE4E1;
text-decoration: none;
}
.item a:active {
color: #ffffff;
background-color: #FFE4E1;
text-decoration: none;
}
.item .fwdarr {
position: absolute;
top: 5px;
right: 7px;
}
Cheers
psy