Firefox浮动的行为与Chrome和IE

Question

我正在建立一个网站，并将图像浮动到div的右侧，左边有一些文本，我之前做了很多次。但由于某些原因，图像在FF中没有完全浮动到右侧，而是在Chrome和IE / Edge中。它可能是非常明显的东西，但任何见解？

火狐

铬/ IE

HTML

<div class="wrapper">
    <img src="http://www.chriswickham.co.uk/gohard/img/workouts/hammer_curl.png" height="85%" style="float:right;padding-left:40px"/>
    <h1>Hammer Curl</h1>
    <h2>Arms</h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dignissim ut mauris in vehicula. Suspendisse sodales nec quam in convallis. In quis ante eros. Pellentesque id lacus et massa tempor hendrerit.</p>
    <div style="clear:both"></div>
</div>

CSS

.wrapper {
   margin: 0px auto;
   width: 1000px;
   padding: 20px 0px;
 }