IE7 is showing ghost boxes (Article on IE Ghosts) when I use the following code with theme_nice_menu_primary_links($primary_links) in a Zen template and include this commented out selector:
ul#nice-menu-0 ul{
float: left;
border: 1px solid #f4eaac;
margin-top: .8em;
}
I'm not sure how to grab it any other way that doesn't invoke the ghosting behavior. It's not the CSS settings that cause the problem, but occur anytime there is an instance of this selector. Was trying to follow info from the closed #136702: Disappearing links in IE 7.0 issue. Wasn't too helpful, although #7 (turning the selectors around for IE), helped narrow it down to just this line. I'm assuming that the fix for this issue was rolled into 6.x-1.3.
Relevant Code Section:
====Start of Code ====
ul#nice-menu-0 ul a {
padding: 0.4em 0.1em;
color:#f4eaac;
cursor:pointer;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
text-decoration:none;
font-weight:bold;
}
ul#nice-menu-0 { /* Location of Second Level Box */
float: left;
border: none;
margin-top: 0;
}
/*
ul#nice-menu-0 ul{
float: left;
border: 1px solid #f4eaac;
margin-top: .8em;
}
*/
#nice-menu-0 li { /* Top Level Items */
border-top: 0;
float: left;
background-color: #007300;
/* Additional overrides to deal with Garland theme. */
margin: 0;
padding-left: 0;
background-image: none;
width: 6.5em;
text-align: center;
}
li#menu-386 { /* Top Level Item "Hydroponic Systems for Profit" */
width: 13em;
}
li#menu-400 { /* Top Level Item "Greenhouse Frames" */
width: 7.2em;
}
ul#nice-menu-0 ul li{ /* Second Level Items */
background-color: #007300;
border-top: 1px solid #f4eaac;
font-family:Arial,Helvetica,sans-serif;
font-size: .8em;
line-height: normal;
width: 28em;
font-weight: normal;
padding: 0 0.5em;
text-align: left;
}
ul#nice-menu-0 ul li li {
border-top: 0;
width: 28em;
}
ul#nice-menu-0 ul ul {
left: 0;
}
ul#nice-menu-0 ul ul li {
clear: both;
}
ul#nice-menu-0 ul li ul li ul
{
background-color: #000000;
left: 12.5em;
top: -1px;
}
a:link#nice-menu-0
{
color:#f4eaac;
}
a:visited#nice-menu-0
{
color:#f4eaac;
}
a:hover#nice-menu-0 ,
a:focus#nice-menu-0
{
color:#f4eaac;
}
a:active#nice-menu-0
{
color:#f4eaac;
}
==== End of Code ====
Gregg Short
gregg - a-t- gshort - dot- com
www.gshort.com Web Marketing and Design
(330)465-7531
Comments
Comment #1
add1sun commented