Thank you, David. That did the trick. I posted a view of what you suggested
at: http://advancewm.com/test_menu.htm
The essential parts were:
#leftnav3 ul ul {
margin: 1px 0;
background: url(/s5/left-nav-bar.gif) repeat-y top left;
padding: 1px 0;
list-style: none;
}
#leftnav3 ul ul li {
margin: 0;
padding: 0;
background-color: #fff;
display: block;
}
The display:block allowed the white background of the LI to cover the UL's
background image.
Best regards -- Tony
> On Thu, 04 Jan 2007 09:31:13 -0500, Tony Lush wrote:
> >
> > We have a left menu composed of two levels of unordered lists, and the art
> > director
> > would like a fine gradient line above and below the subsidiary UL.
> >
> > If it were just a fine grey line I could use:
> >
> > #leftnav ul ul {
> > border-top: 1px solid #eee;
> > border-bottom: 1px sold #eee;
> > }
> [...]
> Hi Tony,
>
> You could try adding padding-top and -bottom instead of a border,
> and apply the gradient to this same UL as a repeated background image.
>
> Cordially,
> David
> --
______________________________________________________________________
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/
