http://future-visions.co.uk/cej

When hovering over the menu buttons, the green background should be shown, and then change back to the silver background image when hovered out.
I'm pretty stumped on this - it works in Firefox, but not in Internet Explorer.

Anyone - any ideas?

Thanks

For one thing, you need to use an unordered list instead of stacking DIVs for your menu. It is much easier to deal with and eliminates all those divs.
Then you can set the background on the <li> or <a> and change it on the hover and visited states.

In FF 2.0, your menu completely disappears on 'visited', the text color is set to white.

The image menu_green.png cannot be found.

LadynRed, you always come to my rescue. What's the best way to convert the div structure I have at the moment into ul?

Any help is greatly appreciated.

The best way is by hand, because it forces you to learn and after you finish, you feel a little better about your skills, because you managed to do it.

I've played around with this and CSS is better than javascript for hover images.

Portable network graphics are bad. Internet Explorer hates them.

Noo I didn't use any PNGs for that - the reference was part of some testing I was doing. The silver BG image was assigned to the parent div.

I'll have a go, and thanks for your help.

http://future-visions.co.uk/cej

I had a go at using an unordered list, and it worked, but not in IE, and it would appear that the sticky hover image still remains!

Any ideas anyone? Thanks..

specify background: none for your a:link
set your LI to display: inline

Oooh progress! It would appear that the sticky problem has gone, but there remains some positioning issues.

Firefox: the menu bar has moved up over the header image (around 10px), and left a lot (if you view a box model with the dev toolbar, you can see how much.

IE: The menu bar has moved slightly to the left, but less so than with Firefox. The sticky issue has gone!

Edit: I didn't notice at first glance, but the menu bar has moved up slightly with IE, too.

I've managed to fix it now! Thanks for all your help - you can see the finished work at http://future-visions.co.uk/cej/index.html

Thanks again!

You're welcome Glad you figured it out !