[HTML,CSS] Texte entouré par 2 icones

Bonjour à tous,
Voilà mon petit soucis, j'ai créé un tableau, je voudrais que le titre de ce tableau soit entouré par 2 icones.
ais, il faudrait que le premier icone soit tout a fait a gauche et le deuxieme tout a fait à droite. Le tout en prenant compte que la taille du tableau est aléatoire (en fonction de son contenu).

Si je fais une image en align="left" et l'autre align="right", la 2éme icone passe à une autre ligne, ce que je ne veux pas bien entendu.

Est-ce possible de le faire ?!
Si oui, comment ?
Merci de votre coup de main

Voiçi le code du tableau:

<table class="index">
<th>
  <img align="left" src="images/site/droite.gif" /> TATATA <img src="images/site/gauche.gif" />
</th>
<tr>
  <td> TITITI </td>
</tr>
</table>

et le css qui va avec:

table.index th
{
  border:black solid 1px;
  background-color:#777777;
  font-family: Verdana;
  font-size: 10px;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
}