problem of highlighting partent menu item

• 

  rdnaren · Member · May 4, 2010 at 9:19 am

  • Copy link
  • Add topic to favorites

  hi,

  I’m facing problem of automatically highlighting to parent menu item (

• ) at the time of hover of child menu item (
• )

  Here is my code-

  #sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  }

  #sidebar li {background: url(images/btn_bg.gif); background-repeat:no-repeat; background-position:top; line-height:220%;}
  #sidebar li:hover { background: url(images/up_btn.png); background-repeat:no-repeat; background-position:top; line-height:220%;}

  #sidebar li a{ padding-left:40px; color:#6C0C52; text-decoration:none; font-weight:bold; }
  #sidebar li a:hover{ color:#FFFFFF;}

  #sidebar li li {padding: 2px 0 2px 12px;}
  #sidebar li li a{padding-left:40px; color:#6C0C52; text-decoration:none; font-weight:normal;}
  #sidebar li li a:hover{color:#FFFFFF;}

  #sidebar .current_page_item a{ color:#FFFFFF;}

  #sidebar .current_page_item {background: url(images/btn_over.png); background-repeat:no-repeat; background-position:top; line-height:220%; }
  #sidebar .current_page_item li a {color:#6C0C52; }

The blog I need help with is: (visible only to logged in users)