Problem with Firefox and css menu. Please help.

[compufever]

I am designing a website for a company and am using a pure css dropdown menu. The background of the menu is black, but when hovering, it has a green image. This works great in IE and other browsers, but only part of the hovering image shows in Firefox 5.01.

If someone could please take a look at http://www.healingoptions.info/article-members/ I would really appreciate it. Any ideas? Thanks.

[wolfcry911]

#nav li:hover a.top_link span.down {

background: url("http://www.healingoptions.info/images/three_1a.gif") no-repeat scroll right top transparent;

}

This rule is setting a background on the span, which covers the green background of the parent anchor. You could comment it out to test for the results your looking for.

[compufever]

Good thought, but unfortunately it didn’t work. Funny, it is only on the dropdown items that it doesn’t work. Thank you though, it was sure worth a shot.

[compufever]

YES, it worked perfectly. Sorry, I forgot to comment out both instances of the code. Thank you very much. I appreciate it.

[Author]

Posts