Twitter nonsensical markup

<span class="tweet-actions" data-tweet-id="98372407517130752" style="">
      <span class="tweet-action action-favorite">
              <a href="#" class="favorite-action" title="Favorite"><span><i></i><b>Favorite</b></span></a>
      </span>
                  <span class="tweet-action action-retweet">
          <a href="#" class="retweet-action" title="Retweet"><span><i></i><b>Retweet</b></span></a>
          </span>
      <a href="#" class="reply-action" data-screen-name="henrikbjorn" title="Reply"><span><i></i><b>Reply</b></span></a>
    </span>

=====================================================================

Could instead be (with a vertical sprite, not a horizontal one...)

=====================================================================
<span class="tweet-actions" data-tweet-id="98372407517130752" style="">
      <a href="#" class="favorite-action" title="Favorite">Favorite</a>
      <a href="#" class="retweet-action" title="Retweet">Retweet</a>
      <a href="#" class="reply-action" data-screen-name="henrikbjorn" title="Reply">Reply</a>
    </span>