My Top menu #active_menu does not work [SOLVED]

[ROUBOS]

 
hi here is my css
it's for the top menu. Everything works fine, apart from the active side of things. When I click on a button, the page opens up, but my button does not keep the background image as per the hover.

this is how I load the module: <?php mosLoadModules('top', 0); ?>
can someone see anything that could fix it?

Code: [Select]

ul.mainlevel-nav {
    overflow:hidden;
    margin: 0px;
    padding: 0px;
}
ul.mainlevel-nav li {
float: left;
    margin: 0px;
    padding: 0px;
}
ul.mainlevel-nav li a.mainlevel-nav:link,
ul.mainlevel-nav li a.mainlevel-nav:visited {
font-size: 14pt;
color: #fff;
font-family: tahoma,verdana,arial,sans-serif;
text-decoration: none;
    display:block;
padding: 0px 15px;
    line-height:50px;
}
ul.mainlevel-nav li a.mainlevel-nav:hover {
color: #fff;
    background: url(../images/menu_bg_over.png) top left repeat-x;
}
ul.mainlevel-nav li #active_menu.mainlevel-nav {
    background: url(../images/menu_bg_over.png) top left repeat-x;
}

[nikos]

Change into index.php file of your template the line <?php mosLoadModules('top', 0); ?> with this <?php mosLoadModules('top', -2); ?>

[ROUBOS]

tried it. does not work.
funny cause I tried -1, 0, -2
not doing it
and I have the module parameter set to Flat list

[ROUBOS]

fixed it,
had to change:

Code: [Select]

ul.mainlevel-nav li #active_menu.mainlevel-nav {
    background: url(../images/menu_bg_over.png) top left repeat-x;
}
to

Code: [Select]

ul.mainlevel-nav li #active_menu-nav {
    background:url('../images/menu_bg_over.png') top left repeat-x;
}
removed the .mainlevel

[ROUBOS]

does not work on the home button, works on all other menu items.

[webgift]

Try that one :

Code: (css) [Select]

a#active_menu-nav {
    background:url('../images/menu_bg_over.png') top left repeat-x;
}