This is the BWI browser bugs page.
Iceweasel problem with inline-box heights.
Iceweasel incorrectly calculates the height of the boxes for the inline elements.
All three examples render correctly in Firefox, IE6, IE7, and Opera
Version Info: 'Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20070508 Iceweasel/2.0.0.4 (Debian-2.0.0.4-1)'
Mouse over the links below.
Green indicates cursor over an anchor within an list element.
Orange indicates cursor over a list element containing an anchor, but not on the anchor.
Pink indicates cursor over a list element which is wider than the anchor, so you can see the height of the list element.
Comments refer to rendering in Iceweasel, not other browsers.
Style info is for the style applied to the anchor, all 'li' elements are 24px high.
Note: The pink and orange colors are not visible if you are using IE6.
Using font style 'border: 1px solid black;font: bold 10px/24px Tahoma, Helvetica, Arial, sans-serif;'
The anchor is taller than the 'li' element, and overlaps the following 'li' element
Using font style 'border: 1px solid black;font: bold 10px/22px Tahoma, Helvetica, Arial, sans-serif;'
The anchor is taller than the 'li' element, and overlaps the following 'li' element
Using font style 'border: 1px solid black;font: bold 12px/24px Tahoma, Helvetica, Arial, sans-serif;'
The anchor is taller than the 'li' element, and overlaps the following 'li' element
Using font style 'border: 1px solid black;font: bold 12px/22px Tahoma, Helvetica, Arial, sans-serif;'
This particular font style renders correctly in Iceweasel.
The anchor and the 'li' element are the same height, so the borders on the 'li' elements overlap
Using font style 'border: none;font: bold 10px/24px Tahoma, Helvetica, Arial, sans-serif;'
The anchor is taller than the 'li' element, and overlaps the following 'li' element
Using font style 'border: none;font: bold 10px/22px Tahoma, Helvetica, Arial, sans-serif;'
The anchor is taller than the 'li' element, and overlaps the following 'li' element
Using font style 'border: none;font: bold 12px/24px Tahoma, Helvetica, Arial, sans-serif;'
The anchor is taller than the 'li' element, and overlaps the following 'li' element
Using font style 'border: none;font: bold 12px/22px Tahoma, Helvetica, Arial, sans-serif;'
This particular font style renders correctly in Iceweasel.
The anchor and the 'li' element are the same height, which is the desired effect,
but is not really the correct rendering, since the list element should actually be
2px taller than the anchor. You can see this correctly in Firefox, IE7, and Opera.
There will be a 2px pink border beneath the green or orange anchor.