Why does this one work? (float: none)



But this one is broken? (float: left)





Source code:

<a href="#">
    <span style="float: none;">
        <img src="http://www.uwec.edu/library/test/images/ServSpot_camera_1.png" />
    </span>
</a>


<a href="#">
    <span style="float: left;">
        <img src="http://www.uwec.edu/library/test/images/ServSpot_camera_1.png" />
    </span>
</a>