Thank you Bruno! The "line-height: 1.2;" worked a charm.
Thank you again.
Best, Darren
On Tue, 2007-04-03 at 16:10 +0200, Bruno Fassino wrote:
> On 4/3/07, D. D. Brierton <[EMAIL PROTECTED]> wrote:
>
> > Here is a very simple test case:
> [code stripped]
> > This displays just fine in Firefox, Opera and Safari. But in IE7 each
> > <li> element has what looks like a 1px margin-bottom or possibly a 1px
> > transparent border-bottom. I can't really work out why, but I can tell
> > you that removing the
> >
> > font-size : 80% ;
> >
> > from "#navbar" or the
> >
> > width : 170px ;
> >
> > from "#navbar li" removes the problem. The latter suggests that
> > hasLayout is the culprit, although I am not aware of font-size causing
> > hasLayout to be triggered previously. Could someone explain to me what
> > is going on? Oh, and obviously a workaround would be gratefully
> > received!
>
> IE Win (all versions) has many similar problems with extra space added
> between list items. As you have seen, hasLayout plays a role in these
> problems, but it's not the only player (and yes, font-size doesn't
> trigger hasLayout.) Part of the problem may have to do with the IE
> insistence to give a sort of minimum height to some elements.
> Other properties that may have effects here are line-height and
> vertical-align (on the li, even if this is absurd.) Indeed in your
> simple test case either li { vertical-align: top; }, or #navbar {
> line-height: 1.2; } seem to solve the problem in IE 6 and 7.
> Try to play with these properties in your real page.
> As far as I know, there is no universal cure for this type of
> problems. Times ago I tried to put together some cases here
> http://brunildo.org/test/IEWlispace.php, just to find that there are
> too many combinations.
>
> Hope this helps a little,
>
> Bruno
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7 information -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
=====================================================================
D. D. Brierton [EMAIL PROTECTED] www.dzr-web.com
Trying is the first step towards failure (Homer Simpson)
=====================================================================
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
