John C <jcliff@delete.email.com> wrote in message news:<MPG.19efe6f1cb169cee9896d9@news.sunflower.co m>...[color=blue]
> On Fri, 10 Oct 2003 07:25:41 +1000 brucie posted:
>[color=green]
> > In post <a56d0ced.0310090829.56c12f8f@posting.google.com >
> > MrBaseball34 said...
> >[color=darkred]
> > > I have a rollover menu at this link:
> > >
http://www.amishmkt.com
> > >
> > > How would I make it so that when you are on one of the pages,
> > > the background is highlighted like in this graphic:[/color]
> >
> >
http://usenet.alt-html.org/one.html[/color]
>[/color]
I don't understand how I would do that with my CSS.
Here's what I use:
/* Navigation bar ************************************************/
#navbar {
position: absolute;
left:4px;
top:203px;
width:190px;
background-color: #996633;
color: #f0e0c8;
font-size:12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 0;
margin: 0.5em 0.5em 0.5em 0.5em;
border: solid #996633 3px;
}
#navbar ul {
list-style-type: none;
margin: 0;
border: 2px solid #cc9966;
}
#navMenu li a, #navbar li span {
text-decoration: none;
display: block;
padding: 4px;
margin: 0;
width: 100%;
height: 100%;
border: 3px solid #cc9966;
}
html>body #navMenu a, html>body #navMenu span {
width: auto;
}
#navbar a:link {
background-color: transparent;
color: #f0e0c8;
}
#navMenu a:link {
border-right-style: none;
}
#navbar a:visited {
background-color: transparent;
color: #f0e0c8;
}
#navMenu a:visited {
border-right-color: #eee;
border-right-style: none;
}
#navMenu li.active > a, #navMenu li.active > span {
border-right-color: #999;
border-right-style: 5px solid;
background-color: #f0e0c8;
color: #ff00;
}
#navMenu a:hover {
border-right-color: #996633;
border-right-style: solid 4px;
}
#navbar a:hover {
background-color: #f0e0c8;
color: #996633;
}
#navbar a:focus {
background-color: #f0e0c8;
color: #996633;
}
#navMenu ul {
margin-left: 0em;
}
Rollover menu active state 
