I used this technique to create a rollover image with CSS using one image, I have used it before in other parts of my site and everything works fine. Now I go to use it again and it works in IE but not FF. None of the images are being displayed, at all. I have cleared my cache and everything. This is very frusterating.

http://www.thelnews.com

Please Help
Ben

Works fine in FF for me!

The buttons on the top, just below the logo they run horizontal, and when you rollover them they change to a green color. You can see them. But I can't, I have cleared my cookies my cache everything. What is wrong.

Better method than what you have -- use an unordered list, set the background for each <a> tag to be what you want.

For starters, give #nav_bg a height of 30px, that will open up the space.

Ok, so the background for the element now displays, but the image links still dont display.

I would suggest:
make a separate class for each link so that you can define the background image IN THE CSS for each link with it's hover image. Take the inline styles out, just leave in <a class="home" ...> etc.

Use the list method, you actually will have more control.

That is not going to change anything, CSS is CSS it doesnt matter if it is internal inline or external its all CSS. Beside I did the same thing for a different menu and everything worked fine.


OK I figured out the problem, the other menu went vertical, so I used display:block; well if I put that in the new menu it works in FF, however display:block; as a implied line break, I dont want any line breaks. Is there something else I can use.

Does anyone have any ideas, I am really getting frusterated.

My point was you've got SO MUCH inlne css in addition to your 3 css files. Its much more practical to put CSS into the external file.

Using an unordered list WOULD make a difference, but you don't care to listen to me.. so .. I'm done.

an unordered list as an implied line break...how does that help?