Image dans un tableau

Bonjour,
j'ai modifié la largeur du tableau mais en fait je voulais mettre 2 images dans ce tableau (petit), et la 1 er image a gauche ca marche mais la 2eme photo a droite ne marche pas, il n'est pas a coté mais il passe en bas. pour ca je voulais modifier la largeur en pensant que ca marchera mais ca ne marche pas.
voici les codes:

code xhtml
<table>
<tr>
<th>text</th>
</tr>
<tr>
<td><img class="image_dans_tableau" src="images/photo.jpg"/>text <br /> text<img class="image_dans_tableau1" src="images/01.jpg"/></td>
</tr>
</table>
(c'est le debut du code pour le tablau (tu as besoin de tout?)

code css:
table
{
width: 30%;
border-collapse: collapse;
}
td, th /* Mettre une bordure sur les td ET les th */
{

border: 1px solid black;

}
th
{
background-color: #FF8000;
font-family: "Arial", Arial Black;
font-size: 20px;

}
td
{
font-family: "Arial", Arial Black;
border-top: 1px dashed red;
border-bottom: 1px dashed red;
font-size: 12px;
}
.image_dans_tableau
{
float: left;
}
.image_dans_tableau1
{
float: right;
}
vous pouvez m'aider?
merci par avance,