[Plone-UI] Global navigation tabs CSS width/height issue in Firefox 2

Lars Löwenadler lars.lowenadler at fcc.chalmers.se
Mon Sep 21 13:09:07 UTC 2009

First of all; I discovered that the ul part of ul#portal-globalnav li a { ...
} seems to be unnecessary so I removed it and typed simply #portal-globalnav
li a { ... }. As for your first question; with the properties I use it works
best to put it all in #portal-globalnav li a { ... }. Moving some properties
to an expression of #portal-globalnav li { ... } won't work, as it seems.

Anyway, here's the full code I use (it's the same as before except for the

#portal-globalnav li a {
      background: url(/plone-site/portal_skins/images/button.png);
      _background: url(/plone-site/portal_skins/images/button_IE6.png);
      border:1px solid #c1c1c1;

I discovered that inline-block may be the problem here, according to this
chart it doesn't work in Firefox 2:

Adding line-height didn't help either...


Espen Moe-Nilssen wrote:
> Any reason the height is not set on the li?
> If yes, you probably need to add:
> display:block
> consider also to set:
> line-height
> Espen Moe-Nilssen
> _______________________________________________
> Author of Subskins III , build your own theme for Plone. Try it at:
> http://subskins.medialog.no

View this message in context: http://n2.nabble.com/Global-navigation-tabs-CSS-width-height-issue-in-Firefox-2-tp3684792p3685170.html
Sent from the User Interface & Design mailing list archive at Nabble.com.

More information about the UI mailing list