On Fri, May 20, 2011 at 2:12 PM, Keith Purtell
<keithpurt...@keithpurtell.com> wrote:
> On the top right of the draft version of a page, the Contact link is
> supposed to retain its rounded corner during hover. However, it's
> reverting to a rectangle, and I'm not sure why.
>
> http://www.keithpurtell.com/kthings/bab/index01.htm
>
> (Yes, I know that I haven't yet added the code for rounded corners in IE.)
>
> - Keith Purtell
It looks to me like it's because you've set the hover background color
on the "a" element inside the "li" element that actually has the
rounded corner.
So that "a" becomes solid and for some reason overlaps that.
Setting "overflow:hidden" on the "li" element fixed it.
You could also use something like "ul.navman li:last-child a {
border-top-right-radius: 20px;}" I'm guessing. That should work as
well, although I haven't tested it.
Hope this helps.
--
猿も木から落ちる
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
