Is it possible to have underlining used for hover in CSS menus?

If so what is the coding.

I built the menu using HTML Editor CSS Menu Designer. I inserted it into my VSD webpage. It works great. I would prefer to use underlining for hover rather than introduce another color.

Thanks,

Hiya Randall,

To do that you need to find this CSS element:

.menu-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}

and add the text decoration line to be line this:


.menu-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
text-decoration:underline;
}

How do I control the color? I want it to be the same color as the text. Currently it is the color of the background.

Thank you,

I figured it out. Just needed to add a color option.

.menu-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
text-decoration:underline;
color:#FFFFFF
}

Thanks,

you're quite welcome, glad you worked out the color. Have fun on the rest it