Smarty Forum Index Smarty
WARNING: All discussion is moving to https://reddit.com/r/smarty, please go there! This forum will be closing soon.

SmartyMenu hover problem in IE7

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    Smarty Forum Index -> Add-ons
View previous topic :: View next topic  
Author Message
talo
Smarty Rookie


Joined: 18 Oct 2005
Posts: 16

PostPosted: Mon Jul 23, 2007 3:58 pm    Post subject: SmartyMenu hover problem in IE7 Reply with quote

Hi All,

i mannaged to get the menu working perfectly in both IE6 and Firefox but in IE7 when hovering over the list items that have sub menus on mouse out they stay open and dont collaps back.

here is my CSS for the menu:

Code:

#nav /* all lists */
{
   position    : absolute;
   #top        : 10px;
   left        : 50px;
}

#nav ul /* all lists */
{
   padding     : 0;
   margin      : 0;
   /*list-style  : none;*/
   line-height : 1;
}

#nav li /* all list items */
{
   list-style    : none;
    position      : relative;
   float         : left;
   line-height   : 1.60em;
   margin-bottom : -1px;
   margin-right  : -1px;
   width         : 10em; /* width needed or else Opera goes nuts */
    background    : #FFFFFF;
    border        : 1px solid #999999;
   z-index       : 100;
}

#nav li ul /* second-level lists */
{
   position    : absolute;
   left        : -999em;
   margin-left : -0.1em;
}

#nav li ul ul /* third-and-above-level lists */
{
   left        : -999em;
   margin-left : 11em;
   margin-top  : -1.70em;
}

#nav li a, span.nolink
{
   #width           : 11em;
   width            : 10em; /* not a typo, browser hack */
   display          : block;
   color            : #CC9900;
   font-weight      : bold;
   text-decoration  : none;
   background-color : #FFFFFF;
   text-align       : center;
   /*border           : 1px solid #000000;*/
   /*padding          : 0.5em;*/
}

#nav li a:hover
{
   color            : #FFFFFF;
   background-color : #F7B24A;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
{
   left : -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul
{ /* lists nested under hovered list items */
   left : 0em;
}


please, does someone have a hack that i can use to fix this problem?

thanks,
Tal.
Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    Smarty Forum Index -> Add-ons All times are GMT
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group
Protected by Anti-Spam ACP