Hello my name is Fernando am Brazilian and my English is not very good, but would be very grateful if they can help me.
I installed housemenu 1.4.1, and I am having trouble that the second and other levels of staying yellow and tranparente in IE and Firefox browsers.
1 - in the IE browser only the second level is tranparente.
2 - in Firefox browser in the second and third level appear but the third is more clearer.
the menu at this: http://www.kox.com.br/oficial/Pag1/tabid/257/language/pt-BR/Default.aspx
HouseMenu css code is:
/* ==========================
CSS STYLES FOR HouseMenu
==========================
*/
/* Vertical Menu */
#houseMenuV, #houseMenuV ul { /* all lists */
margin: 0;
padding: 0;
border: solid 1px #999;
list-style: none;
float: left;
width: 144px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
#houseMenuV li { /* all list items */
margin: 0;
padding: 0;
border: 0;
list-style: none;
position: relative;
float: left;
width: 142px;
/* hack for MacIE5 to ignore, while other browsers use \*/
width: 136px;
_width: 100%; /* width recognized by IE only to handle box model issues */
/* end hack */
line-height : 18px;
}
#houseMenuV li ul { /* second-level lists */
position: absolute;
left: -9999px;
margin-left: 144px;
_margin-left: 152px;
margin-top: -21px;
border: solid 1px #999;
z-index: 999;
background-color:#FFFFCC;
opacity: .5;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
#houseMenuV li ul ul { /* third-and-above-level lists */
left: -9999px;
z-index: 999;
background-color:#FFFFCC;
}
#houseMenuV a {
display: block;
width: 142px;
/* hack for MacIE5 to ignore, while other browsers use \*/
width: 136px;
_width: 100%; /* width recognized by IE only to handle box model issues */
/* end hack */
font-weight: bold;
text-decoration: none;
padding: 1px 4px 2px 4px;
color:#FF0000;
}
#houseMenuV li a:hover {
color: white;
background-color: #000000;
}
#houseMenuV li:hover ul ul,
#houseMenuV li:hover ul ul ul,
#houseMenuV li.sfhover ul ul,
#houseMenuV li.sfhover ul ul ul {
left: -9999px;
}
#houseMenuV li:hover ul,
#houseMenuV li li:hover ul,
#houseMenuV li li li:hover ul,
#houseMenuV li.sfhover ul,
#houseMenuV li li.sfhover ul,
#houseMenuV li li li.sfhover ul { /* lists nested under hovered list items */
left: 0;
z-index: 999;
}
#houseMenuV iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
display: block;
}
/* Applied to the parent item, if displayed, in either vertical or horizontal
orientation. Must follow other styles. */
#houseMenuParentItem a
{ /* all links under the parent item (li) */
color: #0033FF;
background-color: #99FF66;
text-decoration: none;
}
a#houseMenuParentLink
{ /* parent link itself */
color: #0033FF;
background-color: #333;
text-decoration: none;
}
a#houseMenuCurrentLink
{ /* current link itself */
color: #0033FF;
background-color: #600;
text-decoration: none;
}