Internet Explorer fix for some css

[miguelcortereal]

I'm using only top bar, at menu bar above header theme options I've loaded some images that render the menu bar along with several other settings.

One of the tabs from the menu is a drop down menu, for each option I don't want the same images as background from the menu bar but some color.

As far as I can see suffusion doesn't have this option it just uses the same background selection for every menu options.

So, I've code this just for the drop down menu:

Code: Select all

#nav-top ul ul li, #nav-top ul ul li a, #nav-top ul ul li a:active, #nav-top.continuous ul ul li {
   background: #777777;
}

#nav-top ul ul li a:hover, #nav-top ul ul li a.current:hover {
   background: #656565;
   color:#D8EEFB;
}

#nav-top ul ul li a.current {
   background: #000000;
   color: #227AD1;
}

.down-ptr {
   background: url(http://www.tictocman.com/wpress/wp-content/themes/suffusion/images/arrows.gif) no-repeat scroll 0 -8px transparent;
}

It works fine with Chrome, at IE keeps showing at the drop down menu the same background images of the menu bar.

Now this gone behound my skills, unless I'm missing some class to rule.

http://www.tictocman.com

Any help? Thanks in advance

[miguelcortereal]

Folks, don't bother try to find the problem I've already found where it is.

I was messing with CSS selectors.