[Solved] CSS & Shadow Menu - Horizontal (cmsms 1.8.1)

[musicscore]

I'm using the shadowmenu - horizontal in a website design.
At the bottom of the css file of the menu I added this css :

Code: Select all

#primary-nav li li.menuparenth  {
	background:  url([[root_url]]/images/layout/background_button_parent_selected.gif) no-repeat left top;
}

Now when the mousepointer moves over the dropdown menu button the background_button_parent_selected.gif is shown in IE but not in Firefox.

Please help. Why is this gif background not shown in FF.

Musicscore

[Rolf]

Hello Musicscore

Do you have a link to this site?

grtz. Rolf 


ps. Are you also coming to our GeekMoot in Amsterdam!!
http://geekmoot.com/2010/

[musicscore]

Rolf,

This site isn't yet public available. Please send me your ip-adres and I add you to the Site-offline exclusions so you can access the website.

And... I'm not coming to the GeekMook in Amsterdam. For me the price is to high. It lookes really interesting but to pay hundreds of euro's to visit the GeekMook is to much for me.

Thanx,

Musicscore (Paul)

[Rolf]

And... I'm not coming to the GeekMook in Amsterdam. For me the price is to high. It lookes really interesting but to pay hundreds of euro's to visit the GeekMook is to much for me.

When you only visit the Geekmoot itself the costs are only 150 euro for two days, and this is including coffee and lunch etc.

Lunch and Refreshments

All attendees at the Conference will get the following included food and refreshments:
    * Unlimited coffee and tea
    * Danish pastry upon arrival
    * Casa lunch buffet
    * Beverage and savoury snack or fruit surprise

The Casa lunch buffet includes:
    * Coffee and tea
    * Fruit juices, milk and buttermilk
    * Wide variety of rolls and breads
    * Premium meats and cheeses
    * Assorted sweet spreads
    * Clear soup with separate garnishes
    * Creamy soup of the day
    * Hot or cold snack
    * Full salad bar
    * Assorted fruit
    * Dessert

[Rolf]

Hi musicscore,

Just looked at the site using FF with Firebug.
There is a conflict between some navigation CSS lines showing.
Therefore the line with the hover background image is overruled

Can't give you a direct solution here.
Try to look for this yourself using Firebug, and narrow down to the problem

grtz. Rolf

[musicscore]

Thanks Rolf

Firebug is a very great add-on to FF.
I think this will help me solve the problem.

Musicsore

[Dr.CSS]

The problem is from your call...

#primary-nav li li.menuparenth  the h is for ie6 only which is added by the JS that is called only for ie6 as it doesn't understand li:hover so if you want all browsers to use it remove the h from your call...

[musicscore]

Thanx Dr.CSS

for your response. I removed the h but by removing the h the background image now doesn't change in FF as wel not in IE7 / IE8. What I want is the background image of the 2de menu item which is a parent changes on a mouse-over.

Thanx again,

Musicscore