Re: 1px bottom gap with unordered list (firefox 2.0.0.9)

In article
<b9c6bd1f-d8bb-4beb-a822-484f10e6da9c (AT) f13g2000hsa (DOT) googlegroups.co
m>,
JuergenRiemer <juergen.riemer (AT) gmail (DOT) com> wrote:

Hi all,

I have a problem with the following _simple_ markup/css. Firefox
(2.0.0.9) renders a one pixel gab underneath the li/a tags. It seems
as if Firefox expands the ul element for that reason.
IE7 and Opera 9.24 have no problems with that.

Any idea how to solve this problem?

Take a look at the essentials (simpler than your markup and css
but shows the "pixel-perfection" problem you perceive. Different
browsers assign slightly different line height instructions. So
fiddle about with the line height at:

http://netweaver.com.au/alt/juergen.html

I have made your containing div have a function (to exhibit its
background) whereas in your code it was not clear what it was
there for. Your spans were not obviously functional either. But
try the above to give you a lead.

Without a line height instruction by the author, different
browsers give quite a few different results. Anyway, play about
and tell me what you decide.

--
dorayme

On 19 Nov., 22:59, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
b9c6bd1f-d8bb-4beb-a822-484f10e6d... (AT) f13g2000hsa (DOT) googlegroups.co
m>,

[..]

http://netweaver.com.au/alt/juergen.html

Without a line height instruction by the author, different
browsers give quite a few different results. Anyway, play about
and tell me what you decide.

dorayme,

thanks for your hint concerning the line-height attribute.
my tabs now work like a charm!!
thank you a lot!

Juergen