Defillement horisontal d'image

Bonjour à tous.
Voila avec le peu de connaissance en javascript que j'ai je commence a bloquer,

voici deja le code:

<div>
<table style='border:1px solid'>
  <tr><td>
    <marquee id="scroller" scrollamount="2" direction="left" width=625 height=90 bgcolor="#ffffff"
onmouseover="javascript:scroller.stop()" onmouseout="javascript:scroller.start()">
      <?php
      $table = SQL_PRE . 'users';
      $reponse = mysql_query("SELECT * FROM $table WHERE `avatar` != '0' AND `miniature_publish` = 1 ORDER BY Rand() LIMIT 0, 5 ");
      while ($donnees = mysql_fetch_array($reponse) )
      {
	      echo "<a href='index.php?com=users&option=profile&user=".$donnees['username']."'><img border='0' title='Profile de ".$donnees['username']."' alt='".$donnees['username']."' src='multimedia/images/users/mini_".$donnees['avatar']."' /></a> ";
      }
      ?>
    </marquee>
  </td></tr>
</table>
</div>

Premièrement, (onmouseover="javascript:scroller.stop()") lorsque je passe ma souris, ça devrais arreter de défiller, mais là ça ne marche plus, je comprends pas pourquoi.
Ensuite, parametrer quelques petites choses mais je n'y arrive pas:
=>comme vous avez pu le constater, lorsque la page est charger, le cadre est vide, or j'aimerai qu'il soit déjà remplis d'images; j'ai essayer avec des margin, et des padding, mais ça fonctionne pas.
=> attendre 2 ou 3 sec avant de commencer a faire défiler les images.

Configuration: Linux
Firefox 3.0.1