From: "Ian Young" <[EMAIL PROTECTED]>
>
> > the menu is not centred in its wrapper.
> >
>
> Your image is 750px wide. Use that as the width for your .navh
> div. Set {margin: 0 auto;} on that container.
>
> Specify the width of the LIs in pixels instead of ems, taking
> into account the borders you have set already.
>
> .navh li {width: 123px;]
>
> The left side of the image near the menu is very dark compared to
> the border color. Because of this, it /may/ look like the menu is
> a little narrower than the image, depending on the background
> color used on the page. You can use another selector to set the
> border color of the far left LI to be darker; at least for most
> good browsers it should work.
>
> .navh ul :first-child {border-left-color: #8e8f92;}
>
> Alternately, I suppose you could "fix" those few pixels on the
> image to be a lighter color.
>
> The majority of the {text-align: center;} declarations can be
> removed from the elements you have placed them on. Most likely
> the one on #wrapper is sufficient to center the text in the LIs,
> but test to make sure.
>
> ~holly
>Thanks Holly, that sorted it. I had been playing around for so long that I hadn't seen the obvious. In my desire to have the menu fluid I hadn't been looking at the pixel solution. Duh! Looks cool enogh for me to replace code in actual site. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.430 / Virus Database: 268.15.6/565 - Release Date: 02/12/2006 21:39 ______________________________________________________________________ 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/
