html - Html 見出し要素の境界線のフェード

Question

h3要素で奇妙な動作が発生しています

次のスタイルとコードを設定しました

.well h3 {
    border-bottom: 1px solid #E0E0E0;
    font-size: 22.5px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 11px;
}

<div class="well">
    <h3>Login</h3>
    ...
</div>

<div class="well">
    <h3>Atividade recente</h3>
    ...
</div>

<div class="well">
    <h3>Clans associados</h3>
    ...
</div>

以下のスクリーンショットでわかるように、各要素の境界線は異なる色 (不透明度?) で描かれています。3枚目はほとんど見えません。私はすでに Firebug でそれぞれを検査しており、スタイルは常に上記のように正しいです。

私は何が欠けていますか？

Opera 次のスクリーンショット

ファイアフォックス