<!DOCTYPE html>
<html dir="ltr" lang="en-US" xmlns:fb="http://www.facebook.com/2008/fbml" xmlns:addthis="http://www.addthis.com/help/api-spec" >
<head>

        <meta charset="UTF-8" />
        

<style type="text/css" media="all">

.test1
{
    font: 100%/1.365 Arial,Helvetica,sans-serif;
}

.test2
{
    font: 68.75%/1.365 Arial,Helvetica,sans-serif;
}

.test3
{
    font: 30%/1.365 Arial,Helvetica,sans-serif;
}

.topdiv
{
        margin: 0;
        border: none;
        padding: 0;
        background: url("primary-nav-bg-tile.jpg") repeat-x scroll left top transparent;
        height: 48px;
        width: 400px;
        position: relative;
        z-index: 1000;
}

.bottomdiv
{
        margin: 0;
        border: none;
        padding: 0;
        background-color: pink;
        height: 40px;
        width: 400px;
}

div
{
        width: 450px;
        margin: 10px;
        border: 2px solid red;
        padding: 10px;
}

ul
{
        padding: 0 45px;
        list-style: none outside none;
        margin: 0;
}

li
{
        float: left;
        line-height: 40px;
        padding: 8px 4px 0;
        position: relative;
}

a
{

        background: url("nav-l1-about-us.jpg") no-repeat scroll left bottom transparent;
        display: block;
        width: 99px;
        background-position: left -40px bottom;
        margin: 0;
        padding: 0;
        color: #FFFFFF;
        font-size: 1.1em;
        font-weight: bold;
        text-indent: -999em;
        direction: ltr;
        outline: medium none;
        overflow: hidden;
        text-decoration: none;

}

.force
{
        line-height: 40px;
}

</style>

</head>

<body>

<div>
<h5>line-height specified as part of "font" shorthand property not overridden by explicit line-height attribute</h5>
<h6>Debian Linux I386 Wheezy IceWeasel 10.0.4</h6>

<p>"Font" shorthand css applied to each div below has strange effect on
font height in anchor element when the line height is not 100, even
though line height is explicity set on the anchor and the containing li
element. Works correctly in all other browsers, including Firefox 12.0
on Windows 7 and Debian AMD64 Iceweasel. The first div below
(class='test1') displays as expected.</p>

<p>Iceweasel was upgraded today. The problem existed previous to the
upgrade. The same version of Iceweasel on Debian AMD64 distribution does
not have the problem.</p>

<br>The following packages will be upgraded:
<br> iceweasel libmozjs10d xulrunner-10.0
<br>3 upgraded, 0 newly installed, 0 to remove and 1824 not upgraded.
<br>Inst xulrunner-10.0 [10.0.3esr-3] (10.0.4esr-2 Debian:testing [i386]) []
<br>Inst libmozjs10d [10.0.3esr-3] (10.0.4esr-2 Debian:testing [i386])
<br>Inst iceweasel [10.0.3esr-3] (10.0.4esr-2 Debian:testing [i386])
<br>Conf libmozjs10d (10.0.4esr-2 Debian:testing [i386])
<br>Conf xulrunner-10.0 (10.0.4esr-2 Debian:testing [i386])
<br>Conf iceweasel (10.0.4esr-2 Debian:testing [i386])
<br>
</div>

<div class='test1'>
This div has font: 'font: 100%/1.365 Arial,Helvetica,sans-serif;'
<div class='topdiv'>
<ul>
<li>
<a>This is a test</a>
</li>
<li>
<a class='force'>This is a test</a>
</li>
</ul>
</div>
<div class='bottomdiv'>
</div>
</div>

<div class='test2'>
This div has font: 'font: 68.75%/1.365 Arial,Helvetica,sans-serif;'
<div class='topdiv'>
<ul>
<li>
<a>This is a test</a>
</li>
<li>
<a class='force'>This is a test</a>
</li>
</ul>
</div>
<div class='bottomdiv'>
</div>
</div>

<div class='test3'>
This div has font: 'font: 30.75%/1.365 Arial,Helvetica,sans-serif;'
<div class='topdiv'>
<ul>
<li>
<a>This is a test</a>
</li>
<li>
<a class='force'>This is a test</a>
</li>
</ul>
</div>
<div class='bottomdiv'>
</div>
</div>

</body>
</html>