ochieng' nelson wrote:
> SITE: www.pennywinter.com
> PROBLEM: dropdown over *clothes* misplaced in IE. Works well for other
> browsers though.
>
> CSS:www.pennywinter.com/css/penny.css
>
> Please assist.
I though this was spam.
OK, just providing some links today, I will do it again. I love IE...
This Suckerfish is suffering from the IE7 stick hover bug [1]. The
misplacement of the dropdown is due to some bug with IE7- and the
position of auto for <li> items [2] [3].
OK, the fix.
#navlist li {
/* display: inline; DELETE */
float: left; /* ADD */
list-style-type: none;
padding-right: 40px;
position: relative; /* ADD */
}
#navlist li li {
float: none; /* ADD for IE6 */
}#navlist li ul{
position: absolute;
left: -999em;
background-color:#605F63;
/* margin-left:170px; DELETE */
padding-left:5px;
padding-top:10px;
}
#navlist li:hover ul {
left: 0; /* CHANGE from auto */
top:100%; /* ADD for IE7 */
}
If you intend of adding more levels, I would investigate some more.
1. <http://css-class.com/articles/explorer/sticky/>
2. <http://css-class.com/test/bugs/ie/calculated-offset-bug1.htm>
3. <http://css-class.com/test/bugs/ie/recalculatedoffsetbug.htm>
--
Alan http://css-class.com/
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
