Opacity problem

[Craveman]

But they aren't hidden...

Comment tags...which they vaguely resemble are these:

<!-- COMMENT GOES HERE -->

I'm not sure what you mean about hover and visited. Visited is a special function only for links. Hover can be applied to anything.

Mmm, I havn't added the hyphens in <!--comment--> but rather used it like <!comment> and it still worked on my page. It's not the right way though so thanks for pointing it out.

The effect that I would like to create is to have my menu faded (opacity say 40%) and then when you hover the mouse over the picture it becomes clear (opacity 100%). Each "block"/link contains a picture background with the text (i.e. "about", "home", etc.) on top of the picture. I would like the text to be bold at all times even though the picture changes in opacity when the mouse hovers over it. The text changes colour once you've visited the link or once it is active. I think you've nailed it with your suggestion to rather have the menu as seperate divs and then to program it with css.

The problem now comes in that the text inherits the opacity and also becomes faded so I think it might be an idea to create 2 sets of divs sitting on top of each other and using x-positioning. That way the text will be bold at all times and only change colour once you've "visited" the link or once you've clicked on it and it is "active". That is what I meant with link, visited, hover and active and not sure if all 4 will work with divs and css (link, hover, visited, active)
a:link {color:green} /* unvisited link */
a:visited {color:blue} /* visited link */
a:hover {color:yellow} /* mouse over link */
a:active {color:red} /* selected link */

I'll have a play around with the divs and see what I can come up with. Thanks dude