div ignoriert Höhe von Stylesheet

Dieser macht mich verrückt. Ich kann nicht scheinen, um die Kontrolle der Höhe der div.down_arrow element unten -

...
<div id="filters">
    ...
    <span>All</span>
    <div class="down_arrow">
        <img src="images/down_arrow.png" alt=""/>
    </div>
    ...
</div>
...

Habe ich den folgenden css -

#filters {
    float: right;
    padding: 24px 10px 0 0;
}

#filters div {
    display: inline;
}

#filters div.down_arrow,
#filters div.down_arrow img {
    height: 12px;
    width: 23px;
}

#filters div.down_arrow:hover ing {
        opacity: 0;
}

Den safari developer-tools sagen mir, dass die Höhe und Breite meiner div.down_arrow sind immer noch wirksam (dh es gibt keine Linie, die durch die Attribute - sonst nichts überschreiben lassen). Aber das kleine popup auf dem Bildschirm zeigt die Abmessungen des div.down_arrow werden 27px x 16px. Ich kann sehen, dass das element größer ist als der img element enthält.

Ich verstehe nicht, was Los ist - es sieht aus wie die Höhe scheint aus dem vorhergehenden span-Elements (und ich hab keine Ahnung, was bewirken die Breite).