Changed image float to left justified and added the tooltip function to the img tag

rank-server/htdocs/template.html

@@ -128,13 +128,13 @@ document.getElementById(elm).src = fullUrl;
 
 		<!-- Begin User -->
 	      <tr id = "tablerow">
-		 <td><img id="avatarimg<!-- rank -->" src="" style="margin-left:auto; margin-right:auto; display:block;width: 50px; height: 50px;" alt="Gravatar" ></img></td>
+		 <td><img id="avatarimg<!-- rank -->" src="" style="float:left; margin-left:auto; margin-right:auto; display:block;width: 50px; height: 50px;" alt="Gravatar" ></img></td>
 		    <script type="text/javascript">
       			window.onload = getAvatarURL('avatarimg<!-- rank -->', '<!-- email -->');
 	 	    </script>
 		</td>
 	         <td><!-- name --></td>
-                 <td><img src="img/13.gif" title="<!-- score -->" alt="bunch of bananas"></img></td>
+                 <td><img src="img/13.gif" title="<!-- score -->" alt="bunch of bananas" class = "tooltip"></img></td>
 		 <td><button onclick="displayRow('captionRow<!-- rank -->')">Show/Hide</button></td>              
 
               </tr>