That fixed it, I don't fully understand why, but I really appreciate the solution! I did notice that only Safari does not show the on:hover pink underline in the top nav only. It works on the bottom navigation, so I am guessing it still has something to do with the positioning.
Thanks again, Jennifer ________________________________ From: Gunlaug Sørtun <[email protected]> To: JGardner <[email protected]> Cc: CSS List <[email protected]> Sent: Thursday, June 18, 2009 4:21:28 PM Subject: Re: [css-d] negative margin in safari and Opera JGardner wrote: > I am looking for information regarding how opera and safari handle > negative margins. Same as Gecko (Firefox etc.) and IE. > I am working on a site - http://www.lauramcguire.com/ which I used a > negative margin to place the navigation at the top right of the web > page. > It works fine in I.E. and Firefox but does not show up in safari and > opera. Any assistance is greatly appreciated. Check where the element is in Opera and Safari _without_ the negative margin. What you'll see is the difference in how Opera and Safari on on side and Firefox and IE on the other side _line up floats_ that comes after non-floating elements. To get the same line-up in all browsers, make the nave-styling even out those float-handling differences. In your case this will work... #nav { float:right; position:relative; margin-top:-35px; width: 100%; text-align: right; } regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [[email protected]] 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/ ______________________________________________________________________ css-discuss [[email protected]] 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/
