Page 1 of 1

iframe hiding hoverout

Posted: Tue Jul 27, 2010 9:28 am
by aravona
I've an iframe in the middle of my homepage, and the hoverout menu now gets hidden in IE, it works fine in Firefox however.

Its the DD smoothmenu, I've added a high Z index to the ul li ul (so the hover out bit) of the CSS but to no avail.

heres the site

CSS:

[text].ddsmoothmenu-v {
background-color:#FFFFFF;
list-style:none;
}

.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 205px; /* Main Menu Item widths */
list-style-type: none;
font: 11px font-family:Arial, Helvetica, sans-serif;
color: #6e6e6e;
border-bottom: 1px solid #ccc;
background-color:#FFFFFF;
z-index:1000;
}

.ddsmoothmenu-v ul li{
position: relative;

}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #6e6e6e;
text-decoration: none;
padding-left: 5px;
padding-top:2px;
padding-bottom:3px;
border-top:1px solid #ffffff;
border-bottom: 1px solid #778;
/*border-right: 1px solid #778;*/
background:#FFFFFF;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #FFFFFF; /*background of menu items (default state)*/
color: #6e6e6e;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #c7c7c7;
color: #000000;
}

.ddsmoothmenu-v ul li a:hover{
background:#c7c7c7 url(images/bult1.gif) no-repeat 5px 10px; /*background of menu items during onmouseover (hover state)*/
color: #000000;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
color: #000000;
z-index:1000;
}


/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */[/text]

Any help would be awesome.

Thanks,

Aravona

Re: iframe hiding hoverout

Posted: Tue Jul 27, 2010 11:14 am
by kaszu
Works for me. Already fixed?