BPR3 markup

What the BPR3 markup currently looks like:

<span style="float: left; padding: 5px;">
  <a href="http://bpr3.org/?p=52">
    <img alt="Blogging on Peer-Reviewed Research" src="http://bpr3.org/images/rbicons/ResearchBlogging-Large-Trans.png" width="120" height="90" />
What the BPR3 markup should look like (in my opinion):

<-- somewhere in the blog post -->
<a rel="tag" class="bpr3" href="http://bpr3.org/tag/science"></a>
<-- in the body of the review -->
<a href="http://dx.doi.org/{DOI}" rev="review">{title of the article being reviewed}</a>
<-- in the stylesheet or as an embedded style element -->
<style type="text/css">
    display:block; height:90px; width:120px;
What's the difference?

The styling would ideally have used a CSS3 selector: a[href^="http://bpr3.org/tag/"], but not all browsers support that yet.