[EMAIL PROTECTED] wrote:
> I've been working on a site that has a strange bug in Safari. There
> is a dropdown for the top menu item, our yarns. The right side border
> is not showing up until you close the dropdown, and then it remains
> on screen!
>
> http://www.cherylamato.com/wool/
#nav a { ... display: block; width: 140px; }
#nav li { float: left; width: 140px; }
#nav li.yarn { ... border-width: 1px 1px 1px 0pt;... }
#nav li ul { position: absolute; width: 140px; left: -999em; }
#nav li.yarn ul a { ... border-width: 1px 1px 1px 0pt; ... }
#nav li:hover ul{ left: auto; }
both the a and the li have a width of 140px, adding on 1px border-right.
Safari, but not the others, offsets the ul of 140px width only, and
omits the 1px that exceeds the ul.
#nav li ul { ... width: 141px; ... }
should do.
(By applying a fuchsia border to the li/a, and left:1em; instead of
-999em to the ul, I can see the forgotten border in the left off.
http://www.satzansatz.de/safari/apdynoffset.html
While hovering the ul li a, the a gets repainted and shows the border,
but again, when the navigation collapses, this border remains. With
maximized text zoom, even the exceeding "cashmere" "ere" remains.)
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
