CSS "clear:none;" bug in Safari?

When rendered correctly, the blue text should appear to the right of the image.

Safari seems to ignore the CSS rule "clear:none;" on p.foobar and renders the blue text below the image.

Further investigation has lead me to believe that Safari completely ignores the CSS property "clear:none;"

lorem ipsum dolor sit

<div class="test">
  <p><img src="test.jpg"></p>
  <p class="foobar">lorem ipsum dolor sit</p>
</div>

.test { color : blue; }
.test img { float : left; }
.test p { clear : both; }
.test p.foobar { clear : none; }