wordpress - ズームにアイコンを追加した後、ワードプレスで画像が整列しません

Question

このサイトで見つけたコードを使用して、画像に虫眼鏡アイコンを配置しました。コードは完璧に機能します。問題は、親要素をフロートする必要があるため、画像を中央と右側に揃えることができなくなったことです。左、どうすればこれを解決できますか?

    <a href="#" class="gallerypic">
      <img src="[url]" width="32" height="32" class="ALIGNRIGHT/ALIGNCENTER">
      <span class="zoom-icon"></span>
    </a>

a.gallerypic{
  text-decoration:none;
  position:relative;
  display:block;
  border:1px solid #666;
  float:left;
}

a.gallerypic span.zoom-icon{
  visibility:hidden;
  position:absolute;
  left:40%;
  top:35%;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

a.gallerypic:hover span.zoom-icon{
  visibility:visible;
}