clearプロパティはnone以外の値からnone値に上書きできない

症状

一度clearプロパティでnone以外の値を指定した要素は、より後にあるセレクタやより優先度の高いセレクタで clear: none; を指定したとしても値を上書きすることができない。

例示

<style type="text/css">
p {
  clear: left;
}
p.noclear {
  clear: none;
}
</style>

<div style="width:5em; float:left; background:aqua;">フロート</div>
<p>(1) フロートの横に流し込まれないp要素</p>
<div style="width:5em; float:left; background:aqua;">フロート</div>
<p class="noclear">(2) フロートの横に流し込むp要素</p>
<p>(3) フロートの横に流し込まれないp要素</p>

フロート

(1) フロートの横に流し込まれないp要素

フロート

(2) フロートの横に流し込むp要素

(3) フロートの横に流し込まれないp要素

1番目と3番目のp要素内の文字列はフロートの右側に回り込まず、2番目のp要素内の文字列はフロートの右側に回りこむはずです。