That worked very nicely... As it turned out I did not go with the list
menu, but each option in a div.
<div id="p7TMnav">
<div class=NavOption1><a href="About-Us.asp" tabindex="1">ABOUT US</a>
<div><a href="Senior-Staff.asp"
tabindex="2"> Senior Staff</a></div>
<div><a href="Clients.asp"
tabindex="3"> Clients</a></div>
</div>
<div class=NavOption2><a href="Consulting.asp"
tabindex="4">CONSULTING</a>
<div><a href="UnconventionalGas.asp" tabindex="5">Unconventional
Gas</a></div>
<div><a href="UnconventionalGas.asp#coalbedmethane"
tabindex="6"> Coalbed Methane</a></div>
<div><a href="UnconventionalGas.asp#GasShales"
tabindex="6"> Gas Shales</a></div>
<div><a href="UnconventionalGas.asp#TightSands"
tabindex="6"> Tight Sands</a></div>
<div><a href="Enhanced-Oil-Recovery.asp" tabindex="6">Enhanced Oil
Recovery</a></div>
<div><a href="Carbon-Sequestration.asp" tabindex="6">Carbon
Sequestration</a></div>
</div>
</div>
I was able to use the technique you recommended like this.
div.#p7TMnav a:hover {
color: black !Important;
background-color:#2A9FFF !Important!;
text-decoration: none;
}
This works perfectly in IE 7.0; but does not work in Firefox nor Netscape.
Am I doing something wrong?
You can see what I mean www.hps05.com
Take Care,
Rich
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
