On Sep 8, 2008, at 11:17 PM, Tom Dell'Aringa wrote:
> I've designed a fairly simple site that seems to work fine
> everywhere except
> for FireFox 3 on the mac. There seems to be a one or two pixel
> spacing issue
> with the menu, causing the background to raise up and mess things
> up. The
> site can be seen here
>
> http://houstoninlinemarathon.com/
>
> If you look at it on FF3/Mac, you can see the issue as shown in this
> screenshot
>
> http://www.pixelmech.com/rev/ff3mac.png
>
> The CSS is at
>
> http://houstoninlinemarathon.com/css/him.css
It is not limited to Fx 3 Mac. I see the exact same issue on the
latest WebKit build and Safari 3.1 Mac.
The issue is: you rely on {line-height: normal} in #tabsJ. That
computes slightly differently than on Windows. If you actually set the
line-height (everything less than line-height:1.15 will do [*]), the
issue will go away.
[*] at least on my machine. I don't have the Verdana font installed
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
